Learn Java, Angular, SQL with Coding Exercises & Career Tips

Imoji

Emojis are small icons used to visually express feelings, actions or ideas. They add a fun and engaging touch to web content, making it feel more relatable and expressive.
In HTML, emojis are treated as characters from the UTF-8 character set, which supports a wide range of symbols and characters, including emojis.

How Emojis Work in HTML
To make sure emojis are displayed correctly, your HTML document should use UTF-8 encoding. This is done using the following line in the <head> section.

<meta charset="UTF-8">

Then, you can use emojis by directly placing the emoji character or using their HTML entity codes (also called numeric character references).

Syntax:

<meta charset="UTF-8">
&#128512;

😀 is the Unicode character for the 'Grinning Face' emoji
You can replace the number with any emoji code.

Example:

<!DOCTYPE html>
<html>
 <head>
  <meta charset="UTF-8">
  <title>Emoji Example</title>
 </head>
 <body>
  <h1>Emojis Example</h1>
  <p>Laughing Emoji: &#128512;</p>
 </body>
</html>

Output:

Commonly Used Emojis (with HTML Codes)

Emoji	Description	HTML Code
😀	Grinning Face	😀
😂	Face with Tears of Joy	😂
😊	Smiling Face with Smiling Eyes	😊
😍	Heart Eyes	😍
🤔	Thinking Face	🤔
😎	Cool Face (Sunglasses)	😎
😢	Crying Face	😢
😡	Angry Face	😡
🥳	Party Face	🥳
🙏	Folded Hands / Thanks	🙏
❤️	Red Heart	❤
💯	100 Points / Perfect	💯
🔥	Fire / Trending	🔥
💻	Laptop / Tech	💻
📱	Mobile Phone	📱
🧠	Brain (Smart)	🧠
✨	Sparkles / Shine	✨
📝	Writing / Notes	📝

Fun Fact

You can also copy-paste emojis directly.
They work across most modern browsers and devices.

Tips

Always use <meta charset="UTF-8"> to avoid emoji display issues.
Use emojis sparingly for a professional yet friendly touch.
Great for adding emotional cues in user interfaces, notifications or blog posts!