WebToolsPlanet
Developer Tools

White Heart Symbol

Click any heart symbol to copy it, its HTML code, HTML entity, or Unicode code point — whichever format you need for your project.

Last updated: May 26, 2026

Client-Side Processing
Input Data Stays on Device
Instant Local Execution

Find this tool useful? Support the project to keep it free!

Buy me a coffee

What is White Heart Symbol?

Heart symbols come in two flavours: emoji hearts (💙 💚 💛 🤍 🖤) encoded in the Emoji block of Unicode, and typographic heart characters (♥ ♡ ❤ ❦) encoded in older Unicode blocks like Miscellaneous Symbols and Dingbats.

All of them can be used in HTML pages. For emoji hearts you embed the character directly or use the numeric HTML code (e.g. `🤍` for 🤍). For typographic hearts there are also named HTML entities — `♥` for ♥ is the most widely supported.

This page lists 25 heart symbols with their HTML numeric codes, entities (where they exist), and Unicode code points. Use the mode buttons to switch what gets copied when you click a card.

How to Use White Heart Symbol

1

Choose what you want to copy: Symbol, HTML Code, HTML Entity, or Unicode.

2

Click any heart card to copy that value to your clipboard.

3

Paste it wherever you need it — a web page, a CSS content property, a text editor, or a chat message.

Common Use Cases

  • Adding a white heart 🤍 or red heart ❤️ to a web page or email subject line.
  • Using the HTML entity ♥ in a stylesheet or HTML template.
  • Copying the Unicode code point to look up character properties.
  • Finding the correct HTML code for the typographic heart ♥ in a form field.
  • Picking coloured heart emoji for social media posts or app UI.

Example Input and Output

Three ways to insert the white heart in HTML.

Method
Direct character
Numeric HTML code
JavaScript escape
Code
🤍
🤍
\u{1F90D}

Font support

Emoji hearts (💙 🤍 etc.) render as colour emoji on most modern operating systems. Typographic hearts (♥ ♡ ❤) render as monochrome glyphs using the current text font — their colour depends on CSS color, not the glyph itself.

Email clients

Heart emoji in email subject lines render well on most modern clients. For older Outlook versions, the typographic ♥ (♥) is safer than emoji.

Frequently Asked Questions

What is the HTML code for the white heart?
The white heart emoji 🤍 is encoded as 🤍 in HTML numeric notation. Its Unicode code point is U+1F90D.
What is the difference between ♥ and ❤️?
♥ (U+2665, Black Heart Suit) is a typographic character from the Playing Card Suits block — it renders as a solid black or red heart depending on the font. ❤️ is the Red Heart emoji (U+2764 + variation selector U+FE0F), which renders as the coloured emoji on platforms that support it.
Why does the HTML entity only exist for ♥?
Only a small set of characters were assigned named HTML entities in the HTML specification. ♥ got ♥ because it was in common use. The emoji hearts are too new to have named entities, so you use numeric codes instead.
Can I use these in CSS?
Yes. In the CSS content property, use the escaped Unicode form: content: "\2665" for ♥ or content: "\1F90D" for 🤍. You can also insert the character directly as a UTF-8 string.

Related Tools

HTML Beautifier
Format and beautify minified or messy HTML code.
HTML Text Input Generator
Generate HTML text input elements with placeholder, minlength, maxlength, pattern, autocomplete, spellcheck, and label attributes. Live preview included.
HTML Button Generator
Generate HTML button elements with type, id, class, style, onclick, disabled, aria-label, and other attributes. Preview included.
HTML Link Generator
Generate HTML anchor tags with href, target, rel, title, download, and other attributes. Copy ready-to-use link code instantly.
301 Redirect Code Generator
Generate redirect code for Apache (.htaccess), Nginx, IIS (web.config), PHP, HTML meta refresh, and JavaScript. Supports 301, 302, 307, and 308 status codes.
AI Tools
A practical AI workflow reference with prompt templates, evaluation checks, developer use cases, and anti-patterns.