How do i make 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 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

Example

I will display A B C

I will display A B C

Try it Yourself »

Example Explained

The 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

Example

My First Emoji

😀

Try it Yourself »

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

Example

Sized Emojis

😀 😄 😍 💗

Try it Yourself »

Some Emoji Symbols in UTF-8

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

Smiley Emojis For Web.

If you want any of these emojis displayed in HTML, you can use the decimal [dec] or hexadecimal [hex] reference found in the table below.

Example

😜

I will display 😜

I will display 😜

Will display as:

😜

I will display 😜

I will display 😜

Try it Yourself

What is the code for emojis in HTML?

How do you make a thumbs up emoji in HTML?

How do you put a wink emoji in HTML?

How do I make emojis?