Tulip

๐ŸŒท

Shortcodes

Copy and paste codes for Tulip symbol ๐ŸŒท to use in your websites, apps, blogs, and more.

Unicode
U+1F337
HTML Code
🌷
HEX Code
🌷
CSS Code
\1F337
JS/JSON
\u1F337
Unix/C/PHP/JAVA
0x1F337
URL-encode
%F0%9F%8C%B7
copied

Customize Tulip Symbol

Customize ๐ŸŒท symbol as you like and download Tulip 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 Tulip symbol in HTML, CSS, and JS?

Insert ๐ŸŒท Tulip using HTML

1. Copy-paste Tulip directly:
<span>๐ŸŒท</span>
2. HTML Decimal Code:
<span>&#127799;</span>
3. Hexadecimal Code:
<span>&#x1F337;</span>
Preview: ๐ŸŒท

Add Tulip symbol with CSS

.tulip::before {
    content: '\\1F337';
}
Preview: Tulip

Tulip JavaScript Code

1. Direct Symbol:
document.querySelector('.tulip').textContent = '๐ŸŒท';
2. Unicode Escape for ๐ŸŒท:
document.querySelector('.tulip').textContent = '\u1F337';
Preview: ๐ŸŒท