HTML Emojis

Emojis are characters from the UTF-8 character set. They are widely used on web pages to add visual interest and personality to content.

What is an Emoji?

Emojis look like images, but they are actually letters or characters in the UTF-8 character set. Many UTF-8 characters cannot be typed on a standard keyboard, so we use their hexadecimal numbers to display them in HTML.

How to Add Emojis

You can display emojis using their HTML entity decimal or hex code:

<p>I will display &#128512;</p>     <!-- Decimal -->
<p>I will display &#x1F600;</p>   <!-- Hexadecimal -->

You can also paste emoji characters directly into your HTML — they render fine in UTF-8:

<p>I love coding 💗</p>
<p>Let's go 🚀</p>

Emoji Size

Since emojis are characters, you can change their size with CSS font-size:

<p style="font-size: 16px;">😀</p>
<p style="font-size: 32px;">😀</p>
<p style="font-size: 64px;">😀</p>

Common Emoji Reference