Four Leaf Clover
๐
Shortcodes
Copy and paste codes for Four Leaf Clover symbol ๐ to use in your websites, apps, blogs, and more.
Unicode
U+1F340
HTML Code
🍀
HEX Code
🍀
CSS Code
\1F340
JS/JSON
\u1F340
Unix/C/PHP/JAVA
0x1F340
URL-encode
%F0%9F%8D%80
copied
Customize Four Leaf Clover Symbol
Customize ๐ symbol as you like and download Four Leaf Clover 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 Four Leaf Clover symbol in HTML, CSS, and JS?
Insert ๐ Four Leaf Clover using HTML
1. Copy-paste Four Leaf Clover directly:
<span>๐</span>2. HTML Decimal Code:
<span>🍀</span>3. Hexadecimal Code:
<span>🍀</span>Preview:
๐
Add Four Leaf Clover symbol with CSS
.four-leaf-clover::before {
content: '\\1F340';
}Preview: Four Leaf Clover
Four Leaf Clover JavaScript Code
1. Direct Symbol:
document.querySelector('.four-leaf-clover').textContent = '๐';2. Unicode Escape for ๐:
document.querySelector('.four-leaf-clover').textContent = '\u1F340';Preview: ๐