Rosette

๐Ÿต

Shortcodes

Copy and paste codes for Rosette symbol ๐Ÿต to use in your websites, apps, blogs, and more.

Unicode
U+1F3F5
HTML Code
🏵
HEX Code
🏵
CSS Code
\1F3F5
JS/JSON
\u1F3F5
Unix/C/PHP/JAVA
0x1F3F5
URL-encode
%F0%9F%8F%B5
copied

Customize Rosette Symbol

Customize ๐Ÿต symbol as you like and download Rosette 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 Rosette symbol in HTML, CSS, and JS?

Insert ๐Ÿต Rosette using HTML

1. Copy-paste Rosette directly:
<span>๐Ÿต</span>
2. HTML Decimal Code:
<span>&#127989;</span>
3. Hexadecimal Code:
<span>&#x1F3F5;</span>
Preview: ๐Ÿต

Add Rosette symbol with CSS

.rosette::before {
    content: '\\1F3F5';
}
Preview: Rosette

Rosette JavaScript Code

1. Direct Symbol:
document.querySelector('.rosette').textContent = '๐Ÿต';
2. Unicode Escape for ๐Ÿต:
document.querySelector('.rosette').textContent = '\u1F3F5';
Preview: ๐Ÿต