Heart With Ribbon

๐Ÿ’

Shortcodes

Copy and paste codes for Heart With Ribbon symbol ๐Ÿ’ to use in your websites, apps, blogs, and more.

Unicode
U+1F49D
HTML Code
💝
HEX Code
💝
CSS Code
\1F49D
JS/JSON
\u1F49D
Unix/C/PHP/JAVA
0x1F49D
URL-encode
%F0%9F%92%9D
copied

Customize Heart With Ribbon Symbol

Customize ๐Ÿ’ symbol as you like and download Heart With Ribbon 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 Heart With Ribbon symbol in HTML, CSS, and JS?

Insert ๐Ÿ’ Heart With Ribbon using HTML

1. Copy-paste Heart With Ribbon directly:
<span>๐Ÿ’</span>
2. HTML Decimal Code:
<span>&#128157;</span>
3. Hexadecimal Code:
<span>&#x1F49D;</span>
Preview: ๐Ÿ’

Add Heart With Ribbon symbol with CSS

.heart-with-ribbon::before {
    content: '\\1F49D';
}
Preview: Heart With Ribbon

Heart With Ribbon JavaScript Code

1. Direct Symbol:
document.querySelector('.heart-with-ribbon').textContent = '๐Ÿ’';
2. Unicode Escape for ๐Ÿ’:
document.querySelector('.heart-with-ribbon').textContent = '\u1F49D';
Preview: ๐Ÿ’