Heart Symbols
There are 13 heart symbols on this page, every one a real Unicode character you can copy with a single click. The most looked-up are Black Heart Suit ♥ (U+2665), White Heart Suit ♡ (U+2661) and Heavy Black Heart ❤ (U+2764).
A heart says more than a word, which is why the heart symbol is one of the most copied characters on the web. These are real text hearts, not images, so they paste cleanly into a username, a bio, a caption or a document and keep working when the font changes. Below you will find the classic black heart, the outlined white heart, the small heart bullet and the heavy heart used across social apps.
Most looked-up hearts
How do you copy and paste heart symbols?
Click the character in the grid above and it goes straight to your clipboard, then paste it with Ctrl+V on Windows or Cmd+V on a Mac. Nothing is uploaded and nothing is installed: these are plain text characters, so they land in a document, a spreadsheet cell, a caption, a username or a line of code and keep working when the font changes.
If you need the code rather than the character, open any symbol's own page from the table below. Each one lists the Unicode code point, the decimal and hex HTML entities, the CSS content escape, the JavaScript escape, the UTF-8 bytes and the Windows alt code where one exists, each with its own copy button.
Full heart symbols list with Unicode and HTML codes
All 13 heart symbols on this page with the codes you need to reproduce them anywhere. The character column is the glyph itself, so you can select and copy straight from the table.
| Symbol | Name | Unicode | HTML | Alt code |
|---|---|---|---|---|
| ♥ | Black Heart Suit | U+2665 | ♥ | Alt 3 |
| ♡ | White Heart Suit | U+2661 | ♡ | none |
| ❤ | Heavy Black Heart | U+2764 | ❤ | none |
| ❥ | Rotated Heavy Black Heart Bullet | U+2765 | ❥ | none |
| ❣ | Heavy Heart Exclamation | U+2763 | ❣ | none |
| 💕 | Two Hearts | U+1F495 | 💕 | none |
| 💗 | Growing Heart | U+1F497 | 💗 | none |
| 💙 | Blue Heart | U+1F499 | 💙 | none |
| 💚 | Green Heart | U+1F49A | 💚 | none |
| 💛 | Yellow Heart | U+1F49B | 💛 | none |
| 🖤 | Black Heart | U+1F5A4 | 🖤 | none |
| 🤍 | White Heart | U+1F90D | 🤍 | none |
| 💔 | Broken Heart | U+1F494 | 💔 | none |
How do you type heart symbols without copying?
On Windows, the 1 characters here that have an alt code can be typed by holding Alt and entering the digits on the numeric keypad. For anything else, press Win+. to open the emoji and symbol panel, or use Insert then Symbol in Microsoft Word, where you can also type the hex code point and press Alt+X.
On macOS, add the Unicode Hex Input source in Keyboard settings, then hold Option and type the four hex digits of the code point. On ChromeOS and on Linux with GTK or IBus, press Ctrl+Shift+U, type the hex code point and press Enter or space. On the web, the numeric HTML entity in the table above always works, whatever the reader's keyboard.
Frequently asked questions
How do I copy a heart symbol?
Click any glyph in the grid on this page and it is copied to your clipboard instantly. Paste it with Ctrl+V or Cmd+V. Each symbol also has its own page with the code point, HTML entity and alt code.
What are the most used heart symbols?
The ones people look up most in this set are Black Heart Suit ♥ (U+2665), White Heart Suit ♡ (U+2661) and Heavy Black Heart ❤ (U+2764). All of them are listed with their codes in the reference table on this page.
Do heart symbols have Windows alt codes?
1 of the 13 heart symbols here have a documented Windows alt code, for example ♥ is Alt 3. Hold Alt, type the digits on the numeric keypad, then release Alt. For everything else, copy the character or use the HTML entity.
Can I use heart symbols in HTML and CSS?
Yes. Every symbol here has a numeric HTML entity that works in any browser, and 1 also have a named entity such as ♥. In CSS use the escape shown on each symbol page inside a content property, and keep the file saved as UTF-8.
Are these heart symbols real text or images?
They are real Unicode text characters, not images. That means they paste cleanly into documents, captions, usernames and code, and they scale with your font instead of blurring.
Why does a heart symbol show as an empty box?
An empty box or question mark means the font in use has no glyph for that code point, or the text was decoded with the wrong character set. The character itself is still correct, so switching to a font with wider coverage, or serving the page as UTF-8, brings it back.
Explore more categories
Or search every glyph at once on the CopyGlyph home page, or open the full reference.