Heart Symbol (♥)
HTML entity for the heart symbol (♥). Learn how to use ♥ or ♥ in HTML for favorites, likes, and decorative elements.
Misc
♥
Heart Symbol
All Formats
| Format | Value |
|---|---|
| Character | ♥ |
| HTML Entity | ♥ |
| HTML Code (Decimal) | ♥ |
| Unicode | U+2665 |
| CSS Content | \2665 |
| Category | Misc |
About Heart Symbol
The heart symbol (♥) is used to represent love, favorites, likes, health, and other positive sentiments. It is one of the four playing card suit symbols and is widely used in web interfaces for "like" buttons, favorites lists, and decorative elements.
In HTML, insert the heart using ♥, ♥, or ♥. The named entity ♥ is clean and well-supported. This character renders as a solid black heart in most fonts. For a white/outline heart, use ♡ (♡).
The heart symbol is part of the Miscellaneous Symbols Unicode block. It is the playing card heart suit character and should be distinguished from the Heavy Black Heart (❤) and the various emoji hearts. The ♥ entity produces a text-style heart, while emoji hearts may render with color on mobile platforms.
In CSS, use "\2665" with the content property for pseudo-element insertion. The heart is commonly used for "favorite" or "like" buttons: .favorite::before { content: "\2665"; color: red; }. A popular technique toggles between the outline heart (♡) and filled heart (♥) to indicate the favorited state.
Usage Examples
<!-- Using named entity -->
<p>This is the Heart Symbol: ♥</p>
<!-- Using numeric code -->
<p>This is the Heart Symbol: ♥</p>
<!-- Using the character directly (UTF-8) -->
<p>This is the Heart Symbol: ♥</p>
<!-- In CSS -->
.icon::before {
content: "\2665";
}FAQ
What is the HTML entity for Heart Symbol?
The Heart Symbol (♥) can be inserted using the named entity ♥, the numeric code ♥, or by pasting the character directly in a UTF-8 document.
How do I use ♥ in CSS?
In CSS, use the content property with the value "\2665". For example: content: "\2665";
What is the Unicode code point for Heart Symbol?
The Unicode code point for Heart Symbol is U+2665. This is the universal identifier for this character across all platforms and programming languages.
Try It in the HTML Entity Tool
Use our HTML Entity Encoder & Decoder to encode and decode HTML entities, convert between named, numeric, and hex formats, and explore the full entity reference table.