Floral Heart

Shortcodes

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

Unicode
U+2766
HTML Code
❦
HEX Code
❦
CSS Code
\2766
JS/JSON
\u2766
Unix/C/PHP/JAVA
0x2766
URL-encode
%E2%9D%A6

Customize Floral Heart

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

  

How to use Floral Heart Symbol in HTML, CSS, and JS

Insert in HTML

1. Direct symbol:
<span>❦</span>
HTML Code:
<span>&#10086;</span>
HEX Code:
<span>&#x2766;</span>

Add with CSS

.floral-heart::before {
  content: '\\2766';
}

Set it in JavaScript

document.querySelector('.floral-heart').textContent = '❦';
copied