Floral Heart
❦
Shortcodes
Copy and paste codes for Floral Heart symbol ❦ to use in your websites, apps, blogs, and more.
Unicode
U+2766
HTML Code
❦
HEX Code
❦
CSS Code
\2766
JS/JSON
\u2766
Unix/C/PHP/JAVA
0x2766
URL-encode
%E2%9D%A6
copied
Customize Floral Heart Symbol
Customize ❦ symbol as you like and download Floral Heart as SVG or PNG or copy its HTML code to use in your projects.
Preview helps customize symbol. Downloaded image and HTML code may have size/spacing
differences.
❦
How to add Floral Heart symbol in HTML, CSS, and JS?
Insert ❦ Floral Heart using HTML
1. Copy-paste Floral Heart directly:
<span>❦</span>
2. HTML Decimal Code:
<span>❦</span>
3. Hexadecimal Code:
<span>❦</span>
Preview:
❦
Add Floral Heart symbol with CSS
.floral-heart::before {
content: '\\2766';
}
Preview: Floral Heart
Floral Heart JavaScript Code
1. Direct Symbol:
document.querySelector('.floral-heart').textContent = '❦';
2. Unicode Escape for ❦:
document.querySelector('.floral-heart').textContent = '\u2766';
Preview: ❦
Related Heart Symbols
View all Heart Symbols❥
Rotated Heavy Black Heart Bullet
❧
Rotated Floral Heart Bullet
☙
Reversed Rotated Floral Heart Bullet
❣
Heavy Heart Exclamation Mark Ornament
❤
Heart Symbol
❧
Rotated Floral Heart Bullet
❥
Rotated Heavy Black Heart Bullet
☙
Reversed Rotated Floral Heart Bullet
დ
Georgian Letter Don
ღ
Georgian Letter Ghan
ო
Georgian Letter On
ᦂ
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
Ꮼ
Cherokee Letter Wo
💛
Yellow Heart
🧡
Orange Heart
💜
Purple Heart
💙
Blue Heart
💚
Green Heart