HTML Emojis
Emojis are Unicode characters. With a UTF-8 page, you can paste them directly into HTML or use the numeric code.
Embedding emojis
| Method | Example | Renders |
|---|---|---|
| Paste directly | <p>Hello 🌍</p> | Hello 🌍 |
| Decimal entity | 😀 | 😀 |
| Hex entity | 💡 | 💡 |
Popular emoji codes
| Code point | Emoji | Name |
|---|---|---|
😀 | 😀 | Grinning face |
😍 | 😍 | Smiling face with heart-eyes |
❤️ | ❤️ | Red heart |
🎉 | 🎉 | Party popper |
🚀 | 🚀 | Rocket |
💻 | 💻 | Laptop |
✅ | ✅ | Check mark |
Note: Emojis are required to be UTF-8 to display. Set
<meta charset="UTF-8"> at the top of <head>, and save the file as UTF-8.Example
Example
<!DOCTYPE html>
<html>
<head>
<title>HTML Emojis</title>
</head>
<body>
<h1>HTML Emojis</h1>
<p>This is a demo page for the "HTML Emojis" lesson.</p>
</body>
</html>
Try it Yourself »
Exercise
Add the meta charset so emojis render correctly.
<meta charset="
">
The universal Unicode encoding.
Discussion
Loading…