Variation Selector-16

Shortcodes

Copy and paste codes for Variation Selector-16 symbol ️ to use in your websites, apps, blogs, and more.

Unicode
U+FE0F
HTML Code
️
HEX Code
️
CSS Code
\FE0F
JS/JSON
\uFE0F
Unix/C/PHP/JAVA
0xFE0F
URL-encode
%EF%B8%8F
copied

Customize ️ Symbol

Customize ️ symbol as you like and download Variation Selector-16 as SVG or PNG or copy its HTML code to use in your projects.

Preview helps customize symbol. Downloaded image and HTML code may have size/spacing differences.
 

How to type Variation Selector-16 symbol ️ ?

  • You can try inserting Variation Selector-16 symbol using these system tools:
    • Mac Character Viewer (Control + Command + Space)
    • Windows Emoji/Symbol Picker (Win + .)
    • Windows Character Map (charmap.exe)
  • Note: These tools may not include all Unicode symbols
  • Copy and paste the ️ symbol directly from this website.
  • Use provided codes for Variation Selector-16 symbol where they are supported.

How to add Variation Selector-16 symbol in HTML, CSS, and JS?

HTML Methods:

1. Direct Symbol:
<span>️</span>
2. HTML Decimal Code:
<span>&#65039;</span>
3. Hexadecimal Code:
<span>&#xFE0F;</span>
Preview:

CSS Method:

.symbol::before {
    content: '\\FE0F';
}
Preview: Symbol

JavaScript Methods:

1. Direct Symbol:
document.querySelector('.symbol').textContent = '️';
2. Unicode Escape:
document.querySelector('.symbol').textContent = '\uFE0F';
Preview: