Unicode Emoji Characters
This section contains a full list of unicode emoji characters, as well as the code needed to add them to a web page.
To add an emoji icon to your webpage or blog, click on the icon. The emoji will open in the online editor. Copy either the hexadecimal value or the decimal value from the editor. More info below.
Smileys & People
Animals & Nature
Food & Drink
Travel & Places
The following list provides links to all of the above emoji sections.
- Emoji Chart - Smileys & People
- Emoji Chart - Animals & Nature
- Emoji Chart - Food & Drink
- Emoji Chart - Travel & Places
- Emoji Chart - Activities
- Emoji Chart - Objects
- Emoji Chart - Symbols
- Emoji Chart - Flags
- Emoji Chart - All (full list)
- Emoji Icons - Smileys & People
- Emoji Icons - Animals & Nature
- Emoji Icons - Food & Drink
- Emoji Icons - Travel & Places
- Emoji Icons - Activities
- Emoji Icons - Objects
- Emoji Icons - Symbols
- Emoji Icons - Flags
- Emoji Icons - All (full list)
How to Use the Emoji Character Codes
To display any of the emoji characters in the left column within a web page, you'll need to use one of the codes in the other columns within your HTML code.
You can choose either the hexadecimal value/s from the Hexadecimal column, or the decimal value/s from the Decimal column.
You'll need to include the leading ampersand (
&) and hash symbols (
#;), as well as the trailing semi-colon (
;). And keep the
x character when using the hexadecimal value.
Where there's more than one value, use both. In these cases the emoji uses more than one Unicode character to display the glyph.
However, remove the space between each value so that they're joined (eg,
👦 🏻 becomes
Alternatively, you can use the ZERO WIDTH JOINER (ZWJ) to indicate that a single glyph should be presented if available. In this case,
👦 🏻 would become
👦‍🏻. However, at the time of writing, this method has limited support, and depending on the user's system, it can have the opposite effect.