HTML Emojis
Add fun and expressive emojis to your web pages
😀 What are HTML Emojis?
Emojis are fun characters that can be displayed in HTML using Unicode. They make your content more engaging and expressive!
<!-- Direct emoji -->
<p>Hello! 😊</p>
<!-- Unicode format -->
<p>Hello! 😊</p>
Output:
Hello! 😊
Hello! 😊
Popular Emoji Categories
Faces & Emotions
Express emotions with face emojis
😊 😂 😍 😢 😎 🤔 😴 🤗 😱 🥳
🙂 😉 😋 😒 😤 🤯 🥺 😇 🤪 🤩Hearts & Love
Show love and affection
❤️ 💙 💚 💛 🧡 💜 🖤 🤍 🤎 💕
💖 💗 💘 💝 💞 💟 ❣️ 💔 ❤️🔥 ❤️🩹Celebrations & Events
Party and celebration emojis
🎉 🎊 🎈 🎂 🎁 🎀 🎆 🎇 ✨ 🌟
🥳 🍾 🥂 🎵 🎶 🎤 🎸 🎹 🎺 🎻Nature & Weather
Weather and nature symbols
🌟 ⭐ 🌙 ☀️ 🌈 ⛅ 🌤️ ⛈️ 🌧️ ❄️
🌸 🌺 🌻 🌷 🌹 🌿 🍀 🌱 🌳 🌲Food & Drinks
Delicious food and beverage emojis
🍕 🍔 🍟 🌭 🥪 🌮 🌯 🥗 🍝 🍜
☕ 🍵 🥤 🍺 🍷 🧃 🥛 🍰 🧁 🍪Travel & Transport
Vehicles and travel-related emojis
🚀 ✈️ 🚗 🚕 🚌 🚎 🏍️ 🚲 🛴 🛵
🚢 ⛵ 🚤 🚁 🚂 🚃 🚄 🚅 🚆 🚇Activities & Sports
Games, sports, and hobby emojis
🎮 🕹️ 🎯 🎲 🃏 🎪 🎨 🖌️ 🖍️ ✏️
⚽ 🏀 🏈 ⚾ 🎾 🏐 🏉 🎱 🏓 🏸Technology & Work
Tech and professional emojis
💻 🖥️ 🖨️ ⌨️ 🖱️ 📱 📞 📠 💾 💿
📧 📨 📩 📤 📥 📮 🗂️ 📁 📂 🗃️🔹 Creative Emoji Combinations
Combine emojis to create expressive messages:
<!-- Weather updates -->
<p>Today's weather: ☀️🌡️25°C 🌤️→⛅ 🌧️ possible</p>
<!-- Progress indicators -->
<p>Project status: 🟢 Complete ✅ | 🟡 In Progress ⏳ | 🔴 Blocked ❌</p>
<!-- Social media style -->
<p>Just finished my workout! 💪🏋️♀️ Feeling great! 😊✨</p>
<!-- Food blog -->
<p>Recipe of the day: 🍝 Spaghetti Carbonara 🥓🧀 Ready in 20 mins! ⏰</p>Output:
Today's weather: ☀️🌡️25°C 🌤️→⛅ 🌧️ possible
Project status: 🟢 Complete ✅ | 🟡 In Progress ⏳ | 🔴 Blocked ❌
Just finished my workout! 💪🏋️♀️ Feeling great! 😊✨
Recipe of the day: 🍝 Spaghetti Carbonara 🥓🧀 Ready in 20 mins! ⏰
🔹 Using Emojis in HTML
There are several ways to add emojis to your HTML:
<!-- Method 1: Direct copy-paste -->
<p>I love coding! 💻</p>
<!-- Method 2: Unicode decimal -->
<p>I love coding! 💻</p>
<!-- Method 3: Unicode hex -->
<p>I love coding! 💻</p>Output:
I love coding! 💻
I love coding! 💻
I love coding! 💻
🔹 Common Emojis for Web
Here are some frequently used emojis for websites:
<!-- Navigation and UI -->
<p>Home 🏠 | About 👤 | Contact 📧</p>
<!-- Status indicators -->
<p>Success ✅ | Warning ⚠️ | Error ❌</p>
<!-- Social media -->
<p>Like 👍 | Share 📤 | Comment 💬</p>Output:
Home 🏠 | About 👤 | Contact 📧
Success ✅ | Warning ⚠️ | Error ❌
Like 👍 | Share 📤 | Comment 💬