Heart Symbols
The following table shows HTML code, CSS code, Hex code, Unicode and official HTML name for heart symbols.
Heart Symbols – Codes
To copy, mouse hover and click on Symbol or Code.
Symbol |
HTML Code |
CSS Code |
Hex Code |
Unicode |
Description |
|---|---|---|---|---|---|
❤Copy |
♡Copy |
\2661Copy |
♡Copy |
U+02661Copy |
White Heart Suit |
♥Copy |
♥Copy |
\2665Copy |
♥Copy |
U+02665Copy |
Black Heart Suit |
❢Copy |
❢Copy |
\2762Copy |
❢Copy |
U+02762Copy |
Heavy Exclamation Mark Ornament |
❣Copy |
❣Copy |
\2763Copy |
❣Copy |
U+02763Copy |
Heavy Heart Exclamation Mark Ornament |
❤Copy |
❤Copy |
\2764Copy |
❤Copy |
U+02764Copy |
Heavy Black Heart |
❥Copy |
❥Copy |
\2765Copy |
❥Copy |
U+02765Copy |
Rotated Heavy Black Heart Bullet |
❦Copy |
❦Copy |
\2766Copy |
❦Copy |
U+02766Copy |
Floral Heart |
❧Copy |
❧Copy |
\2767Copy |
❧Copy |
U+02767Copy |
Rotated (Right) Floral Heart Bullet |
☙Copy |
☙Copy |
\2619Copy |
☙Copy |
U+02619Copy |
Reversed Rotated (Left) Floral Heart Bullet |
💓Copy |
💓Copy |
\1F493Copy |
💓Copy |
U+1F493Copy |
Heart Pulse |
💔Copy |
💔Copy |
\1F494Copy |
💔Copy |
U+1F494Copy |
Broken Heart |
💕Copy |
💕Copy |
\1F495Copy |
💕Copy |
U+1F495Copy |
Heart Couple |
💖Copy |
💖Copy |
\1F496Copy |
💖Copy |
U+1F496Copy |
Heart Stars |
💗Copy |
💗Copy |
\1F497Copy |
💗Copy |
U+1F497Copy |
Radiating Heart |
💘Copy |
💘Copy |
\1F498Copy |
💘Copy |
U+1F498Copy |
Heart With Arrow |
💙Copy |
💙Copy |
\1F499Copy |
💙Copy |
U+1F499Copy |
Blue Heart |
💚Copy |
💚Copy |
\1F49ACopy |
💚Copy |
U+1F49ACopy |
Green Heart |
💛Copy |
💛Copy |
\1F49BCopy |
💛Copy |
U+1F49BCopy |
Yellow Heart |
💜Copy |
💜Copy |
\1F49CCopy |
💜Copy |
U+1F49CCopy |
Purple Heart |
💝Copy |
💝Copy |
\1F49DCopy |
💝Copy |
U+1F49DCopy |
Heart With Ribbon |
💞Copy |
💞Copy |
\1F49ECopy |
💞Copy |
U+1F49ECopy |
Hearts Together |
💟Copy |
💟Copy |
\1F49FCopy |
💟Copy |
U+1F49FCopy |
Heart Decoration |
🖤Copy |
🖤Copy |
\1F5A4Copy |
🖤Copy |
U+1F5A4Copy |
Black Heart |
🧡Copy |
🧡Copy |
\1F9E1Copy |
🧡Copy |
U+1F9E1Copy |
Orange Heart |
😍Copy |
😍Copy |
\1F60DCopy |
😍Copy |
U+1F60DCopy |
Smiling Face With Heart-Shaped Eyes |
😘Copy |
😘Copy |
\1F618Copy |
😘Copy |
U+1F618Copy |
Face Blowing A Kiss |
😻Copy |
😻Copy |
\1F63BCopy |
😻Copy |
U+1F63BCopy |
Smiling Cat Face With Heart-shaped Eyes |
💌Copy |
💌Copy |
\1F48CCopy |
💌Copy |
U+1F48CCopy |
Love Letter |
💏Copy |
💏Copy |
\1F48FCopy |
💏Copy |
U+1F48FCopy |
Kisses With Heart |
💑Copy |
💑Copy |
\1F491Copy |
💑Copy |
U+1F491Copy |
Couple With Heart |
🏩Copy |
🏩Copy |
\1F3E9Copy |
🏩Copy |
U+1F3E9Copy |
Love Hotel |
💒Copy |
💒Copy |
\1F492Copy |
💒Copy |
U+1F492Copy |
Wedding Home Love |
⺖Copy |
⺖Copy |
\2E96Copy |
⺖Copy |
U+02E96Copy |
CJK Radical Heart One |
⺗Copy |
⺗Copy |
\2E97Copy |
⺗Copy |
U+02E97Copy |
CJK Radical Heart Two |
⼼Copy |
⼼Copy |
\2F3CCopy |
⼼Copy |
U+02F3CCopy |
Kangxi Radical Heart |
Using HTML Entity
This is an HTML entity and the below example shows how to use it in webpages.
HTML ENTITY: ♥
HTML code:
preview:
HTML code:
I ♥ You preview:
I ♥ YouUsing HTML Code for webpages.
HTML code:
I <span style="font-size:18px;">😍</span> Cats! preview:
I 😍 Cats!Using CSS Code for webpages.
CSS code:
<style>
.listex:after{
content: "F48C";
}
</style>
<span class="listex">love your mail </span> preview:
love your mail 💌How symbols or emojis are displayed on different devices.
