About
This page is all about emoji, what they are and how you can use them to add a little bit of emotion in your content
An emoji is a class of unicode character that represents an image and are used to express an sentiment (emotion) , generally on a comment from a forum or discussion
List
See: Unicode List Unicode Set (Emoj = Yes)
- U+1F600 to U+1F60F
- U+1F610 to U+1F61F
- U+1F620 to U+1F62F
- U+1F630 to U+1F63F
- U+1F910 to U+1F91F
- U+1F920 to U+1F92F
- U+1F930 to U+1F93F
Syntax
Emoji characters can be expressed as:
- emoji alias name (See the whole list)
:grinning:
- or emoticon
:-)
For rendering, the emoji alias name and emoticon would be translated to the unicode code point. See example below.
How to use emoji in HTML
Single
<span style="font-size:30pt">😀</span>
- Lady Beetle (1F41E) with a font of 30pt
<span style="font-size:30pt">🐞</span>
Zero Width Joiner emoji (Zwj Emoji)
A Zero Width Joiner emoji is a sequence of emoji that combine to create one emoji.
For instance, to show a family with:
- and a boy (1F466)
you would add the zero width joiner between them.
Example:
<p>The man: 👨</p>
<p>The girl: 👧</p>
<p>The boy: 👦</p>
<p>The family 👨‍👧‍👦</p>
- Output:
All sequence can be found in:
- the dedicated page
List
- Unicode list where the data files link can be found (if you drill down, you would find the data file)
Library
- Twitter Emoji (3,521 Unicode-defined emojis)
- example: