How-to guide

Heart symbols to copy and paste

Need a heart symbol for messages, social media, or design? This page collects the most commonly searched Unicode heart characters — black hearts, white hearts, colored emoji hearts, broken hearts, and decorative hearts — ready to copy and paste into any document, website, message, or code.

Click to copy heart symbols

Click any heart to copy it instantly. Hover and select i for full encoding details.

ℹ
ℹ
ℹ
ℹ
ℹ
ℹ
ℹ
ℹ
ℹ
ℹ
ℹ
ℹ
ℹ
ℹ
ℹ
ℹ
ℹ
ℹ
ℹ
ℹ
ℹ
Copied to clipboard

See the full collection: all 29 heart symbols.

Common heart symbols and their codes

Popular heart symbols with Unicode and HTML codes
SymbolNameUnicodeHTML
Black heart suitU+2665♥ ♥
White heart suitU+2661♡
❤Heavy black heart / Red heartU+2764❤
❥Rotated heavy black heart bulletU+2765❥
❣Heavy heart exclamationU+2763❣
ღGeorgian letter ghanU+10E6ღ
🧡Orange heart (emoji)U+1F9E1🧡
💛Yellow heart (emoji)U+1F49B💛
💚Green heart (emoji)U+1F49A💚
💙Blue heart (emoji)U+1F499💙
💜Purple heart (emoji)U+1F49C💜
🖤Black heart (emoji)U+1F5A4🖤
🤍White heart (emoji)U+1F90D🤍
🤎Brown heart (emoji)U+1F90E🤎
💔Broken heart (emoji)U+1F494💔

Text presentation hearts vs emoji hearts

Unicode includes two kinds of heart symbols: text presentation characters and emoji presentation characters.

  • Text hearts (♥, ♡, ❥, ❣, ღ) render as monochrome glyphs in your current text color. They scale with font size, can be styled with CSS, and work reliably in user interfaces, code comments, and plain text contexts. These are ideal for UI elements, bullet points, and contexts where you need consistent styling.
  • Emoji hearts (❤️ U+2764 U+FE0F, 💙 U+1F499, 💚 U+1F49A, 💛 U+1F49B, 🧡 U+1F9E1, 💜 U+1F49C, 🖤 U+1F5A4, 🤍 U+1F90D, 🤎 U+1F90E, 💔 U+1F494, 💕 U+1F495, and others) are color emoji that render with platform-specific styling. They appear in vibrant colors but their exact appearance varies by operating system and app. Use emoji hearts for expressive, eye-catching content in messages and social media.
  • Special case: U+2764 — The character U+2764 (heavy black heart) can render as either text or emoji depending on context. When followed by the emoji variation selector U+FE0F (❤️), it renders as a red emoji heart. Without the selector, it may render as a black text glyph. Most emoji keyboards and modern systems insert the full sequence ❤️ automatically.

How to type heart symbols on different platforms

Windows

Press Windows key + . (period) or Windows key + ; (semicolon) to open the emoji picker and search for hearts. In Microsoft Word, you can type the hex code (2665 for ♥) followed by Alt+X. You can also use the Character Map app to browse all available hearts, or copy from this page.

macOS

Press Control + Command + Space to open the Character Viewer, then search for "heart" to browse and insert any heart symbol. The viewer shows both text and emoji hearts with full color previews.

iOS & Android

Tap the emoji button on your keyboard (often a smiley face icon 🙂 or 😀), then navigate to the symbols section where you'll find ♥ and a full collection of colored emoji hearts. Most mobile keyboards make hearts easily accessible since they are among the most frequently used symbols.

Tip: For consistent results across all platforms and applications, copying from this page or using HTML entities in web content is the most reliable method.

Using heart symbols in HTML and CSS

Heart symbols can be embedded in HTML using numeric or named entities, and styled with CSS like any other text character.

HTML example: like button with heart

<button class="like-button">
  <span class="heart">&#9829;</span>
  <span class="label">Like</span>
</button>

<!-- Or use the named entity -->
<div class="favorite">
  &hearts; Added to favorites
</div>

CSS styling example

.like-button .heart {
  color: #ef4444; /* red */
  transition: transform 0.2s;
}

.like-button:hover .heart {
  transform: scale(1.2);
}

/* Or use CSS content property */
.favorite::before {
  content: "\2665"; /* Unicode escape for ♥ */
  color: #dc2626;
  margin-right: 0.5rem;
}

Each heart symbol on this page has a dedicated detail page with complete encoding tables. For example, see ♥ black heart suit (U+2665) for JavaScript escapes, Python literals, CSS content values, UTF-8 bytes, and more.

More Unicode symbols to explore

Looking for symbols beyond hearts? Unicode Library catalogs thousands of copy-and-paste characters across dozens of categories.

Frequently asked questions

How do I copy and paste a heart symbol?

Click any heart symbol on this page to instantly copy it to your clipboard, then paste it anywhere using Ctrl+V (Windows/Linux) or Cmd+V (Mac). Heart symbols are standard Unicode characters that work in all modern apps, browsers, and operating systems.

What is the difference between ♥ and ❤?

♥ (U+2665) is the black heart suit from playing cards, a text-presentation character that renders as a monochrome glyph in your current font color. ❤ (U+2764) is the heavy black heart, which typically renders as a red emoji when followed by the emoji presentation selector (U+FE0F), making ❤️. Both work for expressing love, but ♥ is better for plain text contexts and ❤️ for colorful emoji.

What is the HTML code for the heart symbol ♥?

The black heart suit ♥ can be inserted in HTML using &hearts; (named entity), &#9829; (decimal), or &#x2665; (hex). The white heart ♡ is &#9825; or &#x2661;. The red emoji heart ❤ is &#10084; or &#x2764;; append &#xFE0F; to ensure emoji presentation.

How do I type a heart symbol on my keyboard?

On Windows, press Windows key + . (period) to open the emoji picker and search for hearts. In Microsoft Word, type 2665 then press Alt+X for ♥. You can also use Character Map to browse all available hearts. On Mac, press Control+Command+Space to open the Character Viewer and search 'heart'. On mobile devices, use your keyboard's emoji panel. For reliable cross-platform use, copy and paste from this page or use HTML entities in web content.

What is the difference between text hearts and emoji hearts?

Text presentation hearts (♥ U+2665, ♡ U+2661) render as monochrome glyphs in the current font color and work well in plain text, code, and user interfaces. Emoji presentation hearts (❤️ U+2764 U+FE0F, 💙 U+1F499, 💚 U+1F49A, and others) are color emoji that render with platform-specific styling. The distinction matters for U+2764: by itself it may render as text, but with the variation selector U+FE0F (❤️) it renders as a red emoji. Choose text hearts for consistent, colorable symbols and emoji hearts for decorative, expressive use.

Quick links