HTML Emojis
HTML
Emojis are considered standard Unicode characters in HTML, so any web page that supports UTF-8 character encoding can also support any emoji.
Entity character for emojis
➔ Emojis are characters from UTF-8 character set.
➔ The only requirement is <meta charset="UTF-8"> in the head section.
<meta charset="UTF-8">
➔ Emojis characters can displayed by entity character numbers (Hexadecimal or Decimal).
➔ Emojis character number is preceded by an ampersand (&) and succeeded by a semicolon (;) ie: 😍 is for emoji 😍, 🌼 is for emoji 🌼, 🌈 is for emoji 🌈
Key aspects emojis
➔ HTML emojis are letters but look like small pictures or icons.
➔ To add emojis to HTML, you can use Unicode character codes in the HTML code.
➔ To add emojis to HTML, copying the emoji directly and pasting it into the HTML file will also work.
➔ For either methods to work correctly, you need to specify meta tag with UTF-8 character encoding in the head section of the document.
Learning with HTML Editor "Try it Now"
You can edit the HTML code and view the result using online editor.
Example
<!DOCTYPE html>
<html>
<head>
<title>HTML Emoji Characters</title>
<meta charset="utf-8"/>
</head>
<body>
<p>Example: HTML Entity Symbol</p>
<h1>😍 is the character number for 😍 emoji.</h1>
<h1>🌼 is the character number for 🌼 emoji.</h1>
</body>
</html>
Click on the "Try it Now" button to see how it works.
HTML UTF-8 Emojis
UTF-8 Smileys
| Char | Dec | Hex | Name |
|---|---|---|---|
| 😀 | 128512 | 1F600 | GRINNING FACE |
| 😁 | 128513 | 1F601 | GRINNING FACE WITH SMILING EYES |
| 😂 | 128514 | 1F602 | FACE WITH TEARS OF JOY |
| 😃 | 128515 | 1F603 | SMILING FACE WITH OPEN MOUTH |
| 😄 | 128516 | 1F604 | SMILING FACE WITH OPEN MOUTH AND SMILING EYES |
| 😅 | 128517 | 1F605 | SMILING FACE WITH OPEN MOUTH AND COLD SWEAT |
| 😆 | 128518 | 1F606 | SMILING FACE WITH OPEN MOUTH AND TIGHTLY-CLOSED EYES |
| 😇 | 128519 | 1F607 | SMILING FACE WITH HALO |
| 😈 | 128520 | 1F608 | SMILING FACE WITH HORNS |
| 😉 | 128521 | 1F609 | WINKING FACE |