Maple Leaf

๐Ÿ

Shortcodes

Copy and paste codes for Maple Leaf symbol ๐Ÿ to use in your websites, apps, blogs, and more.

Unicode
U+1F341
HTML Code
🍁
HEX Code
🍁
CSS Code
\1F341
JS/JSON
\u1F341
Unix/C/PHP/JAVA
0x1F341
URL-encode
%F0%9F%8D%81
copied

Customize Maple Leaf Symbol

Customize ๐Ÿ symbol as you like and download Maple Leaf 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 Maple Leaf symbol in HTML, CSS, and JS?

Insert ๐Ÿ Maple Leaf using HTML

1. Copy-paste Maple Leaf directly:
<span>๐Ÿ</span>
2. HTML Decimal Code:
<span>&#127809;</span>
3. Hexadecimal Code:
<span>&#x1F341;</span>
Preview: ๐Ÿ

Add Maple Leaf symbol with CSS

.maple-leaf::before {
    content: '\\1F341';
}
Preview: Maple Leaf

Maple Leaf JavaScript Code

1. Direct Symbol:
document.querySelector('.maple-leaf').textContent = '๐Ÿ';
2. Unicode Escape for ๐Ÿ:
document.querySelector('.maple-leaf').textContent = '\u1F341';
Preview: ๐Ÿ