About the White Heart Symbol
Two characters answer to the name white heart and they behave very differently. U+1F90D WHITE HEART is an emoji added in Unicode 12.0 in 2019, filling the gap left when the brown and white hearts were the last obvious colours missing from the set. U+2661 WHITE HEART SUIT is far older, part of the card suit block, and draws as a hollow outline in ordinary text rather than as a coloured glyph. Pick the emoji when you want the solid white shape and the suit when you want an outline that inherits the surrounding text colour.
Each row gives the character itself plus the four forms you are likely to need. The HTML entity is the numeric reference, because no named entity exists for any of these; the CSS form is the backslash escape used inside a content property; and the JavaScript form uses the braced escape that handles code points above U+FFFF correctly, which the older four digit escape cannot. Copying the glyph straight from the table works everywhere that accepts Unicode text.
Two entries show the variation selectors, the invisible characters that ask for one rendering or the other. Appending U+FE0F requests the colour emoji presentation and U+FE0E requests the flat monochrome one, which is how the same heart appears red on a phone and black in a terminal. Support is the practical limit: the white heart emoji is missing from systems that predate 2019, and older Android and Windows builds show a placeholder box instead. Where a document has to render identically everywhere, the outline suit is the safer character. Use the entity encoder to encode a whole line of text at once.
How to use
- Choose a group under Show, or leave it on Every heart to see the whole list.
- Select the glyph in the Symbol column and copy it, or take the entity from the row beside it.
- Use the CSS column inside a
contentrule, and the JavaScript column inside a string literal. - Press Download to keep the table as a Markdown file.
Common questions
- Why does the white heart show as an empty box?
- The font on that device has no glyph for U+1F90D, which was only added in 2019. Use the outline heart suit U+2661 when older systems have to display it.
- How do I type a white heart on a phone?
- Open the emoji keyboard and search for heart, then pick the white one. On a desktop, copying it from the table above is quicker than any shortcut.
- What is the difference between U+FE0F and U+FE0E?
- They are variation selectors. The first asks for the colour emoji form of the preceding character and the second asks for the plain text form.
- Can I use the heart in a CSS content property?
- Yes, either as the literal character in a UTF-8 stylesheet or as the backslash escape shown in the CSS column, which avoids encoding problems entirely.