Hamburger

๐Ÿ”

Shortcodes

Copy and paste codes for Hamburger symbol ๐Ÿ” to use in your websites, apps, blogs, and more.

Unicode
U+1F354
HTML Code
🍔
HEX Code
🍔
CSS Code
\1F354
JS/JSON
\u1F354
Unix/C/PHP/JAVA
0x1F354
URL-encode
%F0%9F%8D%94
copied

Customize Hamburger Symbol

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

Insert ๐Ÿ” Hamburger using HTML

1. Copy-paste Hamburger directly:
<span>๐Ÿ”</span>
2. HTML Decimal Code:
<span>&#127828;</span>
3. Hexadecimal Code:
<span>&#x1F354;</span>
Preview: ๐Ÿ”

Add Hamburger symbol with CSS

.hamburger::before {
    content: '\\1F354';
}
Preview: Hamburger

Hamburger JavaScript Code

1. Direct Symbol:
document.querySelector('.hamburger').textContent = '๐Ÿ”';
2. Unicode Escape for ๐Ÿ”:
document.querySelector('.hamburger').textContent = '\u1F354';
Preview: ๐Ÿ”