Hamburger icon

emojione-monotone:hamburger

The Hamburger icon (emojione-monotone:hamburger) is a free SVG icon from the Emoji One (Monotone) set by Emoji One. It is drawn on a 64 × 64 grid. Emoji One (Monotone) icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Emoji One (Monotone)
Author: Emoji One
License: CC-BY-4.0
Size: 64 × 64
Category: Food

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="currentColor" d="M60.925 36.374c0-.938-.229-1.95-.753-2.972c.128-.425.22-.854.29-1.284c.23-.137.455-.305.656-.528c1.34-1.493.86-4.398.455-5.997a1.8 1.8 0 0 0-.188-.455q.186-.678.188-1.417C61.574 11.743 48.308 2 32 2S2.426 11.743 2.426 23.721c0 .492.066.965.188 1.417a1.8 1.8 0 0 0-.187.452c-.405 1.598-.885 4.498.449 5.989c.132.799.354 1.602.692 2.397a6.4 6.4 0 0 0-.491 2.397c0 .764.072 1.505.203 2.229a9.6 9.6 0 0 0-.77 3.73C2.511 51.305 7.627 62 32 62s29.489-10.695 29.489-19.667a9.6 9.6 0 0 0-.769-3.729c.132-.724.205-1.466.205-2.23m-1.351-12.653c0 5.049-11.081 8.441-27.574 8.441S4.426 28.769 4.426 23.721c0-10.91 12.37-19.785 27.574-19.785s27.574 8.875 27.574 19.785M32 60.064c-18.241 0-27.49-5.965-27.49-17.731q0-.162.007-.325c3.716 7.437 12.94 11.202 27.484 11.202c14.543 0 23.765-3.764 27.482-11.199q.006.161.006.322c0 11.767-9.248 17.731-27.489 17.731m27.451-24.258l-.011-.021l-.049.181c-2.404 5.942-9.953 10.055-24.678 10.5l-4.866 4.771c-.144-.003-.295-.003-.438-.007l-5.357-5.109C12.775 44.951 6.738 41.18 4.621 36.01l-.061-.224l-.018.038c-.022-.057-.05-.111-.071-.168c1.586 2.484 4.331 4.82 8.634 6.652c3.376 1.438 6.37 1.998 8.967 1.924l-4.148-3.956a26 26 0 0 1-3.83-1.306a25 25 0 0 1-4.219-2.274c.326.116.667.195 1.04.195c.796 0 1.566-.271 2.245-.511c.206-.072.5-.176.734-.242c.104.183.22.409.308.583c.498.976 1.178 2.31 2.609 2.722q.39.11.807.111c1.043 0 1.942-.521 2.735-.98c.188-.11.438-.254.643-.357c.133.163.283.368.398.525c.641.87 1.519 2.062 2.968 2.251q.187.025.372.024c1.238 0 2.217-.775 3.004-1.399c.166-.132.383-.305.566-.435c.155.146.334.33.472.472c.79.813 1.774 1.827 3.225 1.827s2.434-1.013 3.225-1.827c.138-.142.316-.326.472-.472c.184.13.4.303.566.434c.786.624 1.766 1.4 3.004 1.4q.186 0 .37-.023a3 3 0 0 0 .951-.291l-2.366 2.321c2.572.599 5.693.626 9.406-.185c7.357-1.606 11.107-5.196 12.425-9.092a11.5 11.5 0 0 1-.603 2.059M5.64 32.614l.134.001c.23 0 .47-.009.712-.016q.301-.014.598-.016q.15 0 .25.006c.06.201.122.458.169.654c.18.743.414 1.669.971 2.415c-1.177-.967-2.118-1.989-2.834-3.044m35.603 7.661c.556-.448.988-1.024 1.365-1.535c.117-.157.268-.362.4-.525c.204.104.452.247.641.357c.792.46 1.689.98 2.733.98c.276 0 .548-.038.807-.111c1.431-.412 2.112-1.747 2.609-2.723c.089-.174.204-.399.308-.581c.234.065.529.17.734.242c.68.239 1.449.511 2.246.511c.221 0 .43-.031.636-.072c-1.884 1.209-4.286 2.203-7.302 2.861a25 25 0 0 1-5.177.596m14.589-5.095c.343-.639.52-1.343.663-1.933c.047-.195.109-.453.168-.653q.098-.006.245-.006c.198 0 .401.008.603.014l.392.01a11.8 11.8 0 0 1-2.071 2.568m3.843-4.883c-.289.321-.83.387-1.445.387c-.424 0-.885-.031-1.32-.031c-.591 0-1.14.057-1.504.323c-.925.677-.693 3.281-1.812 3.869c-.149.077-.319.11-.507.11c-.941 0-2.295-.817-3.292-.818a1.3 1.3 0 0 0-.481.082c-1.086.426-1.467 3.019-2.662 3.362a1 1 0 0 1-.269.036c-1.052 0-2.495-1.462-3.595-1.462q-.112 0-.221.021c-1.156.234-1.957 2.735-3.18 2.896q-.06.006-.119.007c-1.133 0-2.482-1.984-3.654-1.984l-.063.002c-1.188.075-2.322 2.447-3.549 2.447c-1.228 0-2.36-2.372-3.548-2.447l-.064-.002c-1.172 0-2.522 1.984-3.654 1.984a1 1 0 0 1-.119-.007c-1.223-.161-2.021-2.662-3.18-2.896a1 1 0 0 0-.221-.021c-1.1 0-2.544 1.462-3.597 1.462a1 1 0 0 1-.269-.036c-1.196-.344-1.577-2.938-2.664-3.362a1.3 1.3 0 0 0-.481-.082c-.996 0-2.348.817-3.289.817c-.188 0-.36-.033-.51-.111c-1.118-.59-.889-3.194-1.811-3.869c-.367-.269-.918-.325-1.51-.325c-.434 0-.89.031-1.311.031c-.618 0-1.161-.065-1.45-.389c-.456-.508-.425-1.689-.299-2.674c4.272 4.704 16.441 6.48 27.976 6.48s23.704-1.776 27.975-6.48c.126.987.156 2.17-.301 2.68"/><path fill="currentColor" d="m14.977 15.57l-1.514-1.452l-1.514 1.452l1.514 1.451zm5.95-.934l1.513-1.452l-1.513-1.452l-1.514 1.452zm5.749 5.177l-1.513-1.452l-1.514 1.452l1.514 1.451zm5.233-5.21l-1.008-.968l-1.01.968l1.01.967zm16.738 3.758l1.01.967l1.01-.967l-1.01-.967zm8.148.967l-1.009-.967l-1.01.967l1.01.968zm-11.659-7.112l-1.008-.968l-1.01.968l1.01.968zm-30.528-1.209l-1.008-.968l-1.01.968l1.01.968zM9.224 15.57l-1.009-.967l-1.009.967l1.009.968zm4.239 6.39l1.01.968l1.008-.968l-1.008-.968zM27.18 7.136l-1.008-.968l-1.009.968l1.009.968zm9.526-.968L35.698 5.2l-1.01.968l1.01.968zm-15.78 1.936l-1.008-.968l-1.009.968l1.009.967zm28.665 2.297l-1.008-.967l-1.01.967l1.01.968zM37.212 24.013l1.513-1.452l-1.513-1.452l-1.515 1.452zm-.858-8.894l-1.513-1.451l-1.514 1.451l1.514 1.452zm5.577-5.564l-1.513-1.451l-1.515 1.451l1.515 1.452zm1.336 6.211l1.513 1.452l1.514-1.452l-1.514-1.452zm9.418-2.098l-1.514-1.452l-1.514 1.452l1.514 1.451zm-6.391 9.952l1.514-1.451l-1.514-1.452l-1.514 1.452zm-38.08-3.963l1.515 1.452l1.513-1.452l-1.513-1.451z"/></svg>

How to use the Hamburger icon

React

import { Icon } from "@iconify/react";

<Icon icon="emojione-monotone:hamburger" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="emojione-monotone:hamburger" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="emojione-monotone:hamburger" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-monotone--hamburger]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/emojione-monotone -->
<div class="i-emojione-monotone:hamburger"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="emojione-monotone:hamburger"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/emojione-monotone/hamburger.svg" alt="Hamburger icon" width="24" height="24">

Hamburger icon in other icon sets

Hamburger icon FAQ

Is the Hamburger icon free for commercial use?

Yes. Emoji One (Monotone) icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.

How do I use the Hamburger icon in React?

Install @iconify/react and render <Icon icon="emojione-monotone:hamburger" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Hamburger icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/emojione-monotone/hamburger.svg" alt="Hamburger icon">, or paste the SVG code inline to style it with CSS.

Browse all Emoji One (Monotone) icons →