hamburger emoji

hamburger from Fluent Emoji Flat by Microsoft Corporation · Default · Food & Drink · MIT Free for personal and commercial use.

Name
hamburger
Set
Fluent Emoji Flat
Style
Default
Category
Food & Drink
Viewbox
32×32
License
MIT

The same emoji in other sets

hamburgerEmoji One (Colored)hamburgerFont Awesome SolidhamburgerFluent EmojihamburgerFluent Emoji High ContrasthamburgerFirefox OS EmojihamburgerIconParkhamburgerIconPark OutlinehamburgerIconPark SolidhamburgerIconPark TwoTonehamburgerLine AwesomehamburgerLucidehamburgerMaterial Design Iconshamburger-fillMingCute IconhamburgerNoto EmojihamburgerOpenMojihamburgerPhosphorhamburgerTDesign IconshamburgerTwitter Emoji

More food & drink icons from Fluent Emoji Flat

amphoraavocadobaby-bottlebaconbagelbaguette-breadbananabeansbeer-mugbell-pepperbento-boxbeverage-boxbirthday-cakeblueberriesbottle-with-popping-corkbowl-with-spoonbreadbroccolibrown-mushroombubble-teaburritobuttercandycanned-food

Use the hamburger emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#e19747" d="M24.849 29.699H7.15a2.575 2.575 0 0 1-2.576-2.576V25.14L16 24l11.444 1.139v1.974A2.6 2.6 0 0 1 24.85 29.7"/><path fill="#f3ad61" d="M19.267 7h-6.524a8.317 8.317 0 0 0-8.318 8.318v1.323h23.17v-1.323C27.585 10.728 23.857 7 19.267 7"/><path fill="#fff3d7" d="M19.207 9.445a.772.772 0 1 1-1.543 0a.772.772 0 0 1 1.543 0m-5.642.772a.772.772 0 1 0 0-1.543a.772.772 0 0 0 0 1.543m8.328 1.393a.772.772 0 1 1-1.544 0a.772.772 0 0 1 1.544 0m-11.013.772a.772.772 0 1 0-.001-1.544a.772.772 0 0 0 0 1.544m5.121.881a.772.772 0 1 0 0-1.543a.772.772 0 0 0 0 1.543"/><path fill="#f8312f" d="M27.434 16.41H4.565v3.207l11.416 1.941l11.453-1.941z"/><path fill="#44911b" d="M5.839 15.175c.872-.465 1.907-1.01 3.827-1.01c1.921 0 2.954.546 3.825 1.01l.018.01c.705.377 1.26.673 2.5.673c1.242 0 1.796-.296 2.501-.672l.019-.01c.87-.465 1.904-1.011 3.825-1.011c1.92 0 2.954.546 3.824 1.011l.02.01c.703.377 1.255.672 2.49.672a1.394 1.394 0 1 1 0 2.788c-1.922 0-2.955-.547-3.825-1.012l-.02-.01c-.704-.377-1.255-.672-2.49-.672c-1.233 0-1.785.295-2.49.671l-.021.012c-.872.465-1.907 1.01-3.832 1.01s-2.96-.545-3.832-1.01l-.021-.012c-.705-.376-1.257-.67-2.49-.67c-1.236 0-1.79.295-2.498.672l-.019.01c-.872.465-1.907 1.01-3.827 1.01a1.394 1.394 0 1 1 0-2.787c1.235 0 1.79-.295 2.497-.673z"/><path fill="#6d4534" d="M27.675 25.139H4.325A2.327 2.327 0 0 1 2 22.814a2.327 2.327 0 0 1 2.325-2.325h23.35A2.327 2.327 0 0 1 30 22.814a2.327 2.327 0 0 1-2.325 2.325"/><path fill="#fcd53f" d="M27.434 19.617H4.565v.872l7.286 1.633c2.726.612 5.562.612 8.288 0l7.285-1.633v-.872z"/></g></svg>

React

import type { SVGProps } from "react";

export function FluentEmojiFlatHamburger(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#e19747" d="M24.849 29.699H7.15a2.575 2.575 0 0 1-2.576-2.576V25.14L16 24l11.444 1.139v1.974A2.6 2.6 0 0 1 24.85 29.7"/><path fill="#f3ad61" d="M19.267 7h-6.524a8.317 8.317 0 0 0-8.318 8.318v1.323h23.17v-1.323C27.585 10.728 23.857 7 19.267 7"/><path fill="#fff3d7" d="M19.207 9.445a.772.772 0 1 1-1.543 0a.772.772 0 0 1 1.543 0m-5.642.772a.772.772 0 1 0 0-1.543a.772.772 0 0 0 0 1.543m8.328 1.393a.772.772 0 1 1-1.544 0a.772.772 0 0 1 1.544 0m-11.013.772a.772.772 0 1 0-.001-1.544a.772.772 0 0 0 0 1.544m5.121.881a.772.772 0 1 0 0-1.543a.772.772 0 0 0 0 1.543"/><path fill="#f8312f" d="M27.434 16.41H4.565v3.207l11.416 1.941l11.453-1.941z"/><path fill="#44911b" d="M5.839 15.175c.872-.465 1.907-1.01 3.827-1.01c1.921 0 2.954.546 3.825 1.01l.018.01c.705.377 1.26.673 2.5.673c1.242 0 1.796-.296 2.501-.672l.019-.01c.87-.465 1.904-1.011 3.825-1.011c1.92 0 2.954.546 3.824 1.011l.02.01c.703.377 1.255.672 2.49.672a1.394 1.394 0 1 1 0 2.788c-1.922 0-2.955-.547-3.825-1.012l-.02-.01c-.704-.377-1.255-.672-2.49-.672c-1.233 0-1.785.295-2.49.671l-.021.012c-.872.465-1.907 1.01-3.832 1.01s-2.96-.545-3.832-1.01l-.021-.012c-.705-.376-1.257-.67-2.49-.67c-1.236 0-1.79.295-2.498.672l-.019.01c-.872.465-1.907 1.01-3.827 1.01a1.394 1.394 0 1 1 0-2.787c1.235 0 1.79-.295 2.497-.673z"/><path fill="#6d4534" d="M27.675 25.139H4.325A2.327 2.327 0 0 1 2 22.814a2.327 2.327 0 0 1 2.325-2.325h23.35A2.327 2.327 0 0 1 30 22.814a2.327 2.327 0 0 1-2.325 2.325"/><path fill="#fcd53f" d="M27.434 19.617H4.565v.872l7.286 1.633c2.726.612 5.562.612 8.288 0l7.285-1.633v-.872z"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#e19747" d="M24.849 29.699H7.15a2.575 2.575 0 0 1-2.576-2.576V25.14L16 24l11.444 1.139v1.974A2.6 2.6 0 0 1 24.85 29.7"/><path fill="#f3ad61" d="M19.267 7h-6.524a8.317 8.317 0 0 0-8.318 8.318v1.323h23.17v-1.323C27.585 10.728 23.857 7 19.267 7"/><path fill="#fff3d7" d="M19.207 9.445a.772.772 0 1 1-1.543 0a.772.772 0 0 1 1.543 0m-5.642.772a.772.772 0 1 0 0-1.543a.772.772 0 0 0 0 1.543m8.328 1.393a.772.772 0 1 1-1.544 0a.772.772 0 0 1 1.544 0m-11.013.772a.772.772 0 1 0-.001-1.544a.772.772 0 0 0 0 1.544m5.121.881a.772.772 0 1 0 0-1.543a.772.772 0 0 0 0 1.543"/><path fill="#f8312f" d="M27.434 16.41H4.565v3.207l11.416 1.941l11.453-1.941z"/><path fill="#44911b" d="M5.839 15.175c.872-.465 1.907-1.01 3.827-1.01c1.921 0 2.954.546 3.825 1.01l.018.01c.705.377 1.26.673 2.5.673c1.242 0 1.796-.296 2.501-.672l.019-.01c.87-.465 1.904-1.011 3.825-1.011c1.92 0 2.954.546 3.824 1.011l.02.01c.703.377 1.255.672 2.49.672a1.394 1.394 0 1 1 0 2.788c-1.922 0-2.955-.547-3.825-1.012l-.02-.01c-.704-.377-1.255-.672-2.49-.672c-1.233 0-1.785.295-2.49.671l-.021.012c-.872.465-1.907 1.01-3.832 1.01s-2.96-.545-3.832-1.01l-.021-.012c-.705-.376-1.257-.67-2.49-.67c-1.236 0-1.79.295-2.498.672l-.019.01c-.872.465-1.907 1.01-3.827 1.01a1.394 1.394 0 1 1 0-2.787c1.235 0 1.79-.295 2.497-.673z"/><path fill="#6d4534" d="M27.675 25.139H4.325A2.327 2.327 0 0 1 2 22.814a2.327 2.327 0 0 1 2.325-2.325h23.35A2.327 2.327 0 0 1 30 22.814a2.327 2.327 0 0 1-2.325 2.325"/><path fill="#fcd53f" d="M27.434 19.617H4.565v.872l7.286 1.633c2.726.612 5.562.612 8.288 0l7.285-1.633v-.872z"/></g></svg>
</template>

CSS

.icon-hamburger {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23e19747%22%20d%3D%22M24.849%2029.699H7.15a2.575%202.575%200%200%201-2.576-2.576V25.14L16%2024l11.444%201.139v1.974A2.6%202.6%200%200%201%2024.85%2029.7%22%2F%3E%3Cpath%20fill%3D%22%23f3ad61%22%20d%3D%22M19.267%207h-6.524a8.317%208.317%200%200%200-8.318%208.318v1.323h23.17v-1.323C27.585%2010.728%2023.857%207%2019.267%207%22%2F%3E%3Cpath%20fill%3D%22%23fff3d7%22%20d%3D%22M19.207%209.445a.772.772%200%201%201-1.543%200a.772.772%200%200%201%201.543%200m-5.642.772a.772.772%200%201%200%200-1.543a.772.772%200%200%200%200%201.543m8.328%201.393a.772.772%200%201%201-1.544%200a.772.772%200%200%201%201.544%200m-11.013.772a.772.772%200%201%200-.001-1.544a.772.772%200%200%200%200%201.544m5.121.881a.772.772%200%201%200%200-1.543a.772.772%200%200%200%200%201.543%22%2F%3E%3Cpath%20fill%3D%22%23f8312f%22%20d%3D%22M27.434%2016.41H4.565v3.207l11.416%201.941l11.453-1.941z%22%2F%3E%3Cpath%20fill%3D%22%2344911b%22%20d%3D%22M5.839%2015.175c.872-.465%201.907-1.01%203.827-1.01c1.921%200%202.954.546%203.825%201.01l.018.01c.705.377%201.26.673%202.5.673c1.242%200%201.796-.296%202.501-.672l.019-.01c.87-.465%201.904-1.011%203.825-1.011c1.92%200%202.954.546%203.824%201.011l.02.01c.703.377%201.255.672%202.49.672a1.394%201.394%200%201%201%200%202.788c-1.922%200-2.955-.547-3.825-1.012l-.02-.01c-.704-.377-1.255-.672-2.49-.672c-1.233%200-1.785.295-2.49.671l-.021.012c-.872.465-1.907%201.01-3.832%201.01s-2.96-.545-3.832-1.01l-.021-.012c-.705-.376-1.257-.67-2.49-.67c-1.236%200-1.79.295-2.498.672l-.019.01c-.872.465-1.907%201.01-3.827%201.01a1.394%201.394%200%201%201%200-2.787c1.235%200%201.79-.295%202.497-.673z%22%2F%3E%3Cpath%20fill%3D%22%236d4534%22%20d%3D%22M27.675%2025.139H4.325A2.327%202.327%200%200%201%202%2022.814a2.327%202.327%200%200%201%202.325-2.325h23.35A2.327%202.327%200%200%201%2030%2022.814a2.327%202.327%200%200%201-2.325%202.325%22%2F%3E%3Cpath%20fill%3D%22%23fcd53f%22%20d%3D%22M27.434%2019.617H4.565v.872l7.286%201.633c2.726.612%205.562.612%208.288%200l7.285-1.633v-.872z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23e19747%22%20d%3D%22M24.849%2029.699H7.15a2.575%202.575%200%200%201-2.576-2.576V25.14L16%2024l11.444%201.139v1.974A2.6%202.6%200%200%201%2024.85%2029.7%22%2F%3E%3Cpath%20fill%3D%22%23f3ad61%22%20d%3D%22M19.267%207h-6.524a8.317%208.317%200%200%200-8.318%208.318v1.323h23.17v-1.323C27.585%2010.728%2023.857%207%2019.267%207%22%2F%3E%3Cpath%20fill%3D%22%23fff3d7%22%20d%3D%22M19.207%209.445a.772.772%200%201%201-1.543%200a.772.772%200%200%201%201.543%200m-5.642.772a.772.772%200%201%200%200-1.543a.772.772%200%200%200%200%201.543m8.328%201.393a.772.772%200%201%201-1.544%200a.772.772%200%200%201%201.544%200m-11.013.772a.772.772%200%201%200-.001-1.544a.772.772%200%200%200%200%201.544m5.121.881a.772.772%200%201%200%200-1.543a.772.772%200%200%200%200%201.543%22%2F%3E%3Cpath%20fill%3D%22%23f8312f%22%20d%3D%22M27.434%2016.41H4.565v3.207l11.416%201.941l11.453-1.941z%22%2F%3E%3Cpath%20fill%3D%22%2344911b%22%20d%3D%22M5.839%2015.175c.872-.465%201.907-1.01%203.827-1.01c1.921%200%202.954.546%203.825%201.01l.018.01c.705.377%201.26.673%202.5.673c1.242%200%201.796-.296%202.501-.672l.019-.01c.87-.465%201.904-1.011%203.825-1.011c1.92%200%202.954.546%203.824%201.011l.02.01c.703.377%201.255.672%202.49.672a1.394%201.394%200%201%201%200%202.788c-1.922%200-2.955-.547-3.825-1.012l-.02-.01c-.704-.377-1.255-.672-2.49-.672c-1.233%200-1.785.295-2.49.671l-.021.012c-.872.465-1.907%201.01-3.832%201.01s-2.96-.545-3.832-1.01l-.021-.012c-.705-.376-1.257-.67-2.49-.67c-1.236%200-1.79.295-2.498.672l-.019.01c-.872.465-1.907%201.01-3.827%201.01a1.394%201.394%200%201%201%200-2.787c1.235%200%201.79-.295%202.497-.673z%22%2F%3E%3Cpath%20fill%3D%22%236d4534%22%20d%3D%22M27.675%2025.139H4.325A2.327%202.327%200%200%201%202%2022.814a2.327%202.327%200%200%201%202.325-2.325h23.35A2.327%202.327%200%200%201%2030%2022.814a2.327%202.327%200%200%201-2.325%202.325%22%2F%3E%3Cpath%20fill%3D%22%23fcd53f%22%20d%3D%22M27.434%2019.617H4.565v.872l7.286%201.633c2.726.612%205.562.612%208.288%200l7.285-1.633v-.872z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-emoji-flat/hamburger.svg?color=%231a73e8&size=48