Yellow Heart

💛

Shortcodes

Copy and paste codes for Yellow Heart symbol 💛 to use in your websites, apps, blogs, and more.

Unicode

U+1F49B

HTML Code

💛

HEX Code

💛

CSS Code

\1F49B

JS/JSON

\u1F49B

Unix/C/PHP/JAVA

0x1F49B

URL-encode

%F0%9F%92%9B

copied

Customize Yellow Heart Symbol

Customize 💛 symbol as you like and download Yellow Heart as SVG or PNG or copy its HTML code to use in your projects.

Symbol

Font Size (px)

Text Color

Background Color

Transparent

Font Family

Border Radius (px)

Padding (px)

Live Preview

Preview helps customize symbol. Downloaded image and HTML code may have size/spacing differences.

💛

HTML Code

How to add Yellow Heart symbol in HTML, CSS, and JS?

Insert 💛 Yellow Heart using HTML

1. Copy-paste Yellow Heart directly:

<span>💛</span>

2. HTML Decimal Code:

<span>&#128155;</span>

3. Hexadecimal Code:

<span>&#x1F49B;</span>

Preview: 💛

Add Yellow Heart symbol with CSS

.yellow-heart::before {
    content: '\\1F49B';
}

Preview: Yellow Heart

Yellow Heart JavaScript Code

1. Direct Symbol:

document.querySelector('.yellow-heart').textContent = '💛';

2. Unicode Escape for 💛:

document.querySelector('.yellow-heart').textContent = '\u1F49B';

Preview: 💛

Related Heart Symbols

View all Heart Symbols

❧

Rotated Floral Heart Bullet

☙

Reversed Rotated Floral Heart Bullet

❣

Heavy Heart Exclamation Mark Ornament

Rotated Floral Heart Bullet

❥

Rotated Heavy Black Heart Bullet

☙

Reversed Rotated Floral Heart Bullet

New Tai Lue Letter High Ka

ᦦ

New Tai Lue Letter High Kva

Latin Small Letter Closed Open E

Latin Small Letter Closed Reversed Open E

Symbol Clipboard