Using Emojis in HTML

Using Emojis in HTML

Emojis are characters from the UTF-8 character set: 😄 😍 💗

What are Emojis?

Emojis look like images, or icons, but they are not.

They are letters (characters) from the UTF-8 (Unicode) character set.

UTF-8 covers almost all of the characters and symbols in the world.

The HTML charset Attribute

To display an HTML page correctly, a web browser must know the character set used in the page.

This is specified in the <meta> tag:

If not specified, UTF-8 is the default character set in HTML.

UTF-8 Characters

Many UTF-8 characters cannot be typed on a keyboard, but they can always be displayed using numbers (called entity numbers):

  • A is 65
  • B is 66
  • C is 67


Try it Yourself »

Example Explained

The <meta charset="UTF-8"> element defines the character set.

The characters A, B, and C, are displayed by the numbers 65, 66, and 67.

To let the browser understand that you are displaying a character, you must start the entity number with &# and end it with ; (semicolon).

Emoji Characters

Emojis are also characters from the UTF-8 alphabet:

  • 😄 is 128516
  • 😍 is 128525
  • 💗 is 128151


Try it Yourself »

Since Emojis are characters, they can be copied, displayed, and sized just like any other character in HTML.


Try it Yourself »

Some Emoji Symbols in UTF-8
Emoji Value Try it
🗻 &#128507; Try it »
🗼 &#128508; Try it »
🗽 &#128509; Try it »
🗾 &#128510; Try it »
🗿 &#128511; Try it »
😀 &#128512; Try it »
😁 &#128513; Try it »
😂 &#128514; Try it »
😃 &#128515; Try it »
😄 &#128516; Try it »
😅 &#128517; Try it »

For a full list, please go to our HTML Emoji Reference.