Heart Symbol

Unicode Name: Heavy Black Heart

❤

Shortcodes

Copy useful codes for heart symbol ❤ to use in websites, apps, blogs, and docs.

Unicode

U+2764

HTML Code

❤

HEX Code

❤

CSS Code

\2764

JS/JSON

\u2764

Unix/C/PHP/JAVA

0x2764

URL-encode

%E2%9D%A4

Customize ❤, download it as SVG or PNG, or copy the generated HTML snippet.

Symbol

Font Size (px)

Text Color

Background Color

Transparent

Font Family

Border Radius (px)

Padding (px)

Live Preview

❤

HTML Code

1. Direct symbol:

<span>❤</span>

HTML Code:

<span>&#10084;</span>

HEX Code:

<span>&#x2764;</span>

.heart-symbol::before {
  content: '\\2764';
}

document.querySelector('.heart-symbol').textContent = '❤';