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>&#10086;</span>
3. Hexadecimal Code:
<span>&#x2766;</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: