White Heart Suit
The white heart suit is U+2661, the outlined heart. It is the card-suit heart drawn as a contour rather than a fill, which is why it reads as a lighter, quieter heart than the solid one and why it stays the colour of your text instead of turning red.
| Symbol | ♡ | |
|---|---|---|
| Unicode | U+2661 | |
| Name | White Heart Suit | |
| HTML (decimal) | ♡ | |
| HTML (hex) | ♡ | |
| CSS content | \2661 | |
| JavaScript / JSON | \u2661 | |
| UTF-8 bytes | 0xE2 0x99 0xA1 | |
| UTF-16 units | 0x2661 |
How do you type the white heart suit on each platform?
| Where | How to type it |
|---|---|
| Any device | Click the ♡ at the top of this page. It goes straight to your clipboard, and you paste it with Ctrl+V on Windows or Cmd+V on a Mac. This is the only method that behaves identically everywhere. |
| Windows | There is no short alt code for this character. Press Win and the full stop key to open the emoji and symbol panel, then use the symbols tab and search for white heart suit. |
| macOS | Add Unicode Hex Input under Keyboard settings, switch to it, then hold Option and type 2661. Without that input source, open the Character Viewer with Control+Command+Space and search for white heart suit. |
| Linux and ChromeOS | Press Ctrl+Shift+U, type 2661, then press Enter or the space bar. This works in GTK applications and with IBus. |
| Microsoft Word | Type 2661 in the document, then press Alt and X together with the cursor immediately after the last digit. Word replaces the digits with ♡. |
| Google Docs | Insert, then Special characters, then paste U+2661 or type white heart suit in the search box. You can also draw the shape in the sketch pad on the right. |
| Excel and Google Sheets | Use the formula UNICHAR(9825) in a cell. Copy the cell and paste it as a value if you want the character rather than the formula. |
| HTML | Write ♡ or ♡. There is no standard named entity for this character. On a page served as UTF-8 the character itself also works. |
| CSS | Use content: "\2661" inside a ::before or ::after rule. Terminate the escape with a space if the next character is also a hexadecimal digit. |
| JavaScript | The escape \u2661 produces this character inside a string literal, and the same escape is valid in JSON. |
More detail per platform: Windows alt codes, special characters on a Mac, special characters in Word and HTML entities.
Which characters look like the white heart suit?
Several characters render almost identically to this one, and picking the wrong one breaks search, sorting and screen readers even when it looks right on screen. The white heart suit ♡ is U+2661. These are the ones it is confused with.
| Character | Code point | Name | What it is really for |
|---|---|---|---|
| ♥ | U+2665 | Black Heart Suit | The filled version of the same card-suit heart. Same family, solid instead of outlined. |
| ♡ | U+2661 | White Heart Suit | This character. |
| ❤ | U+2764 | Heavy Black Heart | A dingbat heart, not a card suit. Many platforms turn it into a red emoji, with or without a variation selector. |
| 🤍 | U+1F90D | White Heart | The emoji white heart. Always coloured, always an image-style glyph, and unsupported on older systems. |
Frequently asked questions
Why does the outlined heart stay black while other hearts turn red?
U+2661 is a card-suit character with no emoji presentation defined, so it renders in your text colour. The dingbat hearts such as U+2764 do have an emoji form and platforms often pick it automatically.
How do I copy the white heart suit 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 white heart suit?
The white heart suit has the Unicode code point U+2661. In HTML you can write it as ♡ or ♡.
Is the white heart suit an emoji or a text character?
It is a plain Unicode text character, not an image or an emoji sticker. That means the ♡ inherits the surrounding font, size and color wherever you paste it, and it works in places emoji often do not, such as usernames, file names and code.
How does it differ from the lookalikes?
Related symbols
Browse the full heart symbols hub, or return to the searchable symbol grid.