Black Heart
Most keyboards skip the black heart entirely, which is why it gets copied instead of typed. This one lives at code point U+1F5A4 and belongs to the hearts group; click it above to copy, or use the table below for the HTML, CSS and JavaScript equivalents.
| Symbol | 🖤 | |
|---|---|---|
| Unicode | U+1F5A4 | |
| Name | Black Heart | |
| HTML (decimal) | 🖤 | |
| HTML (hex) | 🖤 | |
| CSS content | \1F5A4 | |
| JavaScript / JSON | \u{1F5A4} | |
| UTF-8 bytes | 0xF0 0x9F 0x96 0xA4 | |
| UTF-16 units | 0xD83D 0xDDA4 |
How to type the black heart symbol
- Copy and paste: click the 🖤 at the top of this page, then paste with Ctrl+V (Windows) or Cmd+V (Mac). This is the fastest route on any device.
- HTML: write
🖤in your markup. - CSS: use
content: "\1F5A4"in a::beforeor::afterrule. - JavaScript: the escape
\u{1F5A4}produces this character in a string.
Frequently asked questions
How do I copy the black heart symbol?
Click the 🖤 above or the copy button and it is placed on your clipboard. Paste it anywhere with Ctrl+V or Cmd+V. It is a real text character, so it works in documents, chats and code.
What is the Unicode code point for black heart?
The black heart has the Unicode code point U+1F5A4. In HTML you can write it as 🖤 or 🖤.
Can I use the black heart symbol in HTML and CSS?
Yes. In HTML write 🖤, and in CSS use content: "\1F5A4" inside a ::before or ::after rule. The code table on this page has copy buttons for both.
Related symbols
Browse the full heart symbols hub, or return to the searchable symbol grid.