hamburger emoji

hamburger from Twitter Emoji by Twitter · Default · Food & Drink · CC-BY-4.0 Attribution required.

Name
hamburger
Set
Twitter Emoji
Style
Default
Category
Food & Drink
Viewbox
36×36
License
CC BY 4.0

The same emoji in other sets

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

More food & drink icons from Twitter Emoji

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 36 36"><path fill="#d99e82" d="M18 20.411c-9.371 0-16.967-.225-16.967 6.427C1.033 33.487 8.629 35 18 35s16.967-1.513 16.967-8.162c0-6.651-7.596-6.427-16.967-6.427"/><path fill="#662113" d="M34.47 20.916S26.251 19.932 18 19.89c-8.251.042-16.47 1.026-16.47 1.026C.717 27.39 7.467 30.057 18 30.057s17.283-2.667 16.47-9.141"/><path fill="#ffcc4d" d="m33.886 18.328l-31.855.646c-1.1 0-2.021 2.229-.854 2.812c8.708 2.708 15.708 5.448 15.708 5.448c.962.532 1.287.534 2.25.003c0 0 9.666-3.868 15.875-5.493c.881-.23-.025-3.416-1.124-3.416"/><path fill="#77b255" d="M34.725 18.412c-1.9-1.751-1.79-.819-3.246-1.23c-.553-.156-4.51-5.271-13.529-5.271h-.02c-9.019 0-12.976 5.115-13.529 5.271c-1.456.411-1.346-.521-3.246 1.23c-.872.804-1.108 1.222-.188 1.43c1.386.313 1.26 1.152 2.253 1.444c1.202.353 1.696-.292 3.634-.028c1.653.225 1.761 2.369 3.429 2.369s1.668-.8 3.335-.8s2.653 2.146 4.321 2.146s2.653-2.146 4.321-2.146s1.668.8 3.335.8s1.776-2.144 3.429-2.369c1.938-.263 2.433.381 3.634.028c.993-.292.867-1.13 2.253-1.444c.922-.207.687-.626-.186-1.43"/><path fill="#dd2e44" d="M34.077 16.52c0 2.984-7.198 4.393-16.077 4.393S1.923 19.504 1.923 16.52c0-5.403.966-5.403 16.077-5.403s16.077.001 16.077 5.403"/><path fill="#d99e82" d="M18 .524C8.629.524 1.033 4.915 1.033 11.566c0 6.125 7.596 6.375 16.967 6.375s16.967-.25 16.967-6.375C34.967 4.914 27.371.524 18 .524"/><path fill="#ffe8b6" d="M10.784 3.695a1.069 1.069 0 1 0-1.152 1.802c.498.319 1.76.557 2.079.059c.318-.498-.429-1.543-.927-1.861m9.734-1.035c-.562.182-1.549 1.006-1.366 1.568s1.464.648 2.026.466a1.069 1.069 0 0 0-.66-2.034m10.909 7.035c-.452-.38-1.585.225-1.966.677a1.07 1.07 0 0 0 1.638 1.376c.381-.453.781-1.673.328-2.053m-3.643-5a1.07 1.07 0 0 0-1.152 1.803c.498.319 1.76.557 2.078.059c.319-.499-.428-1.544-.926-1.862m-15 7a1.07 1.07 0 0 0-1.478.326a1.07 1.07 0 0 0 .326 1.476c.498.319 1.76.558 2.078.059c.319-.498-.428-1.543-.926-1.861m3.046-4.808c-.336.486-.62 1.739-.133 2.075c.486.336 1.557-.374 1.893-.86a1.07 1.07 0 0 0-1.76-1.215m7.954 4.808a1.07 1.07 0 0 0-1.478.326a1.07 1.07 0 0 0 .326 1.476c.498.319 1.76.558 2.078.059c.319-.498-.428-1.543-.926-1.861M4.948 7.808c-.394.441-.833 1.648-.392 2.042c.439.394 1.591-.174 1.985-.615a1.07 1.07 0 1 0-1.593-1.427"/></svg>

React

import type { SVGProps } from "react";

export function TwemojiHamburger(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#d99e82" d="M18 20.411c-9.371 0-16.967-.225-16.967 6.427C1.033 33.487 8.629 35 18 35s16.967-1.513 16.967-8.162c0-6.651-7.596-6.427-16.967-6.427"/><path fill="#662113" d="M34.47 20.916S26.251 19.932 18 19.89c-8.251.042-16.47 1.026-16.47 1.026C.717 27.39 7.467 30.057 18 30.057s17.283-2.667 16.47-9.141"/><path fill="#ffcc4d" d="m33.886 18.328l-31.855.646c-1.1 0-2.021 2.229-.854 2.812c8.708 2.708 15.708 5.448 15.708 5.448c.962.532 1.287.534 2.25.003c0 0 9.666-3.868 15.875-5.493c.881-.23-.025-3.416-1.124-3.416"/><path fill="#77b255" d="M34.725 18.412c-1.9-1.751-1.79-.819-3.246-1.23c-.553-.156-4.51-5.271-13.529-5.271h-.02c-9.019 0-12.976 5.115-13.529 5.271c-1.456.411-1.346-.521-3.246 1.23c-.872.804-1.108 1.222-.188 1.43c1.386.313 1.26 1.152 2.253 1.444c1.202.353 1.696-.292 3.634-.028c1.653.225 1.761 2.369 3.429 2.369s1.668-.8 3.335-.8s2.653 2.146 4.321 2.146s2.653-2.146 4.321-2.146s1.668.8 3.335.8s1.776-2.144 3.429-2.369c1.938-.263 2.433.381 3.634.028c.993-.292.867-1.13 2.253-1.444c.922-.207.687-.626-.186-1.43"/><path fill="#dd2e44" d="M34.077 16.52c0 2.984-7.198 4.393-16.077 4.393S1.923 19.504 1.923 16.52c0-5.403.966-5.403 16.077-5.403s16.077.001 16.077 5.403"/><path fill="#d99e82" d="M18 .524C8.629.524 1.033 4.915 1.033 11.566c0 6.125 7.596 6.375 16.967 6.375s16.967-.25 16.967-6.375C34.967 4.914 27.371.524 18 .524"/><path fill="#ffe8b6" d="M10.784 3.695a1.069 1.069 0 1 0-1.152 1.802c.498.319 1.76.557 2.079.059c.318-.498-.429-1.543-.927-1.861m9.734-1.035c-.562.182-1.549 1.006-1.366 1.568s1.464.648 2.026.466a1.069 1.069 0 0 0-.66-2.034m10.909 7.035c-.452-.38-1.585.225-1.966.677a1.07 1.07 0 0 0 1.638 1.376c.381-.453.781-1.673.328-2.053m-3.643-5a1.07 1.07 0 0 0-1.152 1.803c.498.319 1.76.557 2.078.059c.319-.499-.428-1.544-.926-1.862m-15 7a1.07 1.07 0 0 0-1.478.326a1.07 1.07 0 0 0 .326 1.476c.498.319 1.76.558 2.078.059c.319-.498-.428-1.543-.926-1.861m3.046-4.808c-.336.486-.62 1.739-.133 2.075c.486.336 1.557-.374 1.893-.86a1.07 1.07 0 0 0-1.76-1.215m7.954 4.808a1.07 1.07 0 0 0-1.478.326a1.07 1.07 0 0 0 .326 1.476c.498.319 1.76.558 2.078.059c.319-.498-.428-1.543-.926-1.861M4.948 7.808c-.394.441-.833 1.648-.392 2.042c.439.394 1.591-.174 1.985-.615a1.07 1.07 0 1 0-1.593-1.427"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#d99e82" d="M18 20.411c-9.371 0-16.967-.225-16.967 6.427C1.033 33.487 8.629 35 18 35s16.967-1.513 16.967-8.162c0-6.651-7.596-6.427-16.967-6.427"/><path fill="#662113" d="M34.47 20.916S26.251 19.932 18 19.89c-8.251.042-16.47 1.026-16.47 1.026C.717 27.39 7.467 30.057 18 30.057s17.283-2.667 16.47-9.141"/><path fill="#ffcc4d" d="m33.886 18.328l-31.855.646c-1.1 0-2.021 2.229-.854 2.812c8.708 2.708 15.708 5.448 15.708 5.448c.962.532 1.287.534 2.25.003c0 0 9.666-3.868 15.875-5.493c.881-.23-.025-3.416-1.124-3.416"/><path fill="#77b255" d="M34.725 18.412c-1.9-1.751-1.79-.819-3.246-1.23c-.553-.156-4.51-5.271-13.529-5.271h-.02c-9.019 0-12.976 5.115-13.529 5.271c-1.456.411-1.346-.521-3.246 1.23c-.872.804-1.108 1.222-.188 1.43c1.386.313 1.26 1.152 2.253 1.444c1.202.353 1.696-.292 3.634-.028c1.653.225 1.761 2.369 3.429 2.369s1.668-.8 3.335-.8s2.653 2.146 4.321 2.146s2.653-2.146 4.321-2.146s1.668.8 3.335.8s1.776-2.144 3.429-2.369c1.938-.263 2.433.381 3.634.028c.993-.292.867-1.13 2.253-1.444c.922-.207.687-.626-.186-1.43"/><path fill="#dd2e44" d="M34.077 16.52c0 2.984-7.198 4.393-16.077 4.393S1.923 19.504 1.923 16.52c0-5.403.966-5.403 16.077-5.403s16.077.001 16.077 5.403"/><path fill="#d99e82" d="M18 .524C8.629.524 1.033 4.915 1.033 11.566c0 6.125 7.596 6.375 16.967 6.375s16.967-.25 16.967-6.375C34.967 4.914 27.371.524 18 .524"/><path fill="#ffe8b6" d="M10.784 3.695a1.069 1.069 0 1 0-1.152 1.802c.498.319 1.76.557 2.079.059c.318-.498-.429-1.543-.927-1.861m9.734-1.035c-.562.182-1.549 1.006-1.366 1.568s1.464.648 2.026.466a1.069 1.069 0 0 0-.66-2.034m10.909 7.035c-.452-.38-1.585.225-1.966.677a1.07 1.07 0 0 0 1.638 1.376c.381-.453.781-1.673.328-2.053m-3.643-5a1.07 1.07 0 0 0-1.152 1.803c.498.319 1.76.557 2.078.059c.319-.499-.428-1.544-.926-1.862m-15 7a1.07 1.07 0 0 0-1.478.326a1.07 1.07 0 0 0 .326 1.476c.498.319 1.76.558 2.078.059c.319-.498-.428-1.543-.926-1.861m3.046-4.808c-.336.486-.62 1.739-.133 2.075c.486.336 1.557-.374 1.893-.86a1.07 1.07 0 0 0-1.76-1.215m7.954 4.808a1.07 1.07 0 0 0-1.478.326a1.07 1.07 0 0 0 .326 1.476c.498.319 1.76.558 2.078.059c.319-.498-.428-1.543-.926-1.861M4.948 7.808c-.394.441-.833 1.648-.392 2.042c.439.394 1.591-.174 1.985-.615a1.07 1.07 0 1 0-1.593-1.427"/></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%2036%2036%22%3E%3Cpath%20fill%3D%22%23d99e82%22%20d%3D%22M18%2020.411c-9.371%200-16.967-.225-16.967%206.427C1.033%2033.487%208.629%2035%2018%2035s16.967-1.513%2016.967-8.162c0-6.651-7.596-6.427-16.967-6.427%22%2F%3E%3Cpath%20fill%3D%22%23662113%22%20d%3D%22M34.47%2020.916S26.251%2019.932%2018%2019.89c-8.251.042-16.47%201.026-16.47%201.026C.717%2027.39%207.467%2030.057%2018%2030.057s17.283-2.667%2016.47-9.141%22%2F%3E%3Cpath%20fill%3D%22%23ffcc4d%22%20d%3D%22m33.886%2018.328l-31.855.646c-1.1%200-2.021%202.229-.854%202.812c8.708%202.708%2015.708%205.448%2015.708%205.448c.962.532%201.287.534%202.25.003c0%200%209.666-3.868%2015.875-5.493c.881-.23-.025-3.416-1.124-3.416%22%2F%3E%3Cpath%20fill%3D%22%2377b255%22%20d%3D%22M34.725%2018.412c-1.9-1.751-1.79-.819-3.246-1.23c-.553-.156-4.51-5.271-13.529-5.271h-.02c-9.019%200-12.976%205.115-13.529%205.271c-1.456.411-1.346-.521-3.246%201.23c-.872.804-1.108%201.222-.188%201.43c1.386.313%201.26%201.152%202.253%201.444c1.202.353%201.696-.292%203.634-.028c1.653.225%201.761%202.369%203.429%202.369s1.668-.8%203.335-.8s2.653%202.146%204.321%202.146s2.653-2.146%204.321-2.146s1.668.8%203.335.8s1.776-2.144%203.429-2.369c1.938-.263%202.433.381%203.634.028c.993-.292.867-1.13%202.253-1.444c.922-.207.687-.626-.186-1.43%22%2F%3E%3Cpath%20fill%3D%22%23dd2e44%22%20d%3D%22M34.077%2016.52c0%202.984-7.198%204.393-16.077%204.393S1.923%2019.504%201.923%2016.52c0-5.403.966-5.403%2016.077-5.403s16.077.001%2016.077%205.403%22%2F%3E%3Cpath%20fill%3D%22%23d99e82%22%20d%3D%22M18%20.524C8.629.524%201.033%204.915%201.033%2011.566c0%206.125%207.596%206.375%2016.967%206.375s16.967-.25%2016.967-6.375C34.967%204.914%2027.371.524%2018%20.524%22%2F%3E%3Cpath%20fill%3D%22%23ffe8b6%22%20d%3D%22M10.784%203.695a1.069%201.069%200%201%200-1.152%201.802c.498.319%201.76.557%202.079.059c.318-.498-.429-1.543-.927-1.861m9.734-1.035c-.562.182-1.549%201.006-1.366%201.568s1.464.648%202.026.466a1.069%201.069%200%200%200-.66-2.034m10.909%207.035c-.452-.38-1.585.225-1.966.677a1.07%201.07%200%200%200%201.638%201.376c.381-.453.781-1.673.328-2.053m-3.643-5a1.07%201.07%200%200%200-1.152%201.803c.498.319%201.76.557%202.078.059c.319-.499-.428-1.544-.926-1.862m-15%207a1.07%201.07%200%200%200-1.478.326a1.07%201.07%200%200%200%20.326%201.476c.498.319%201.76.558%202.078.059c.319-.498-.428-1.543-.926-1.861m3.046-4.808c-.336.486-.62%201.739-.133%202.075c.486.336%201.557-.374%201.893-.86a1.07%201.07%200%200%200-1.76-1.215m7.954%204.808a1.07%201.07%200%200%200-1.478.326a1.07%201.07%200%200%200%20.326%201.476c.498.319%201.76.558%202.078.059c.319-.498-.428-1.543-.926-1.861M4.948%207.808c-.394.441-.833%201.648-.392%202.042c.439.394%201.591-.174%201.985-.615a1.07%201.07%200%201%200-1.593-1.427%22%2F%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%2036%2036%22%3E%3Cpath%20fill%3D%22%23d99e82%22%20d%3D%22M18%2020.411c-9.371%200-16.967-.225-16.967%206.427C1.033%2033.487%208.629%2035%2018%2035s16.967-1.513%2016.967-8.162c0-6.651-7.596-6.427-16.967-6.427%22%2F%3E%3Cpath%20fill%3D%22%23662113%22%20d%3D%22M34.47%2020.916S26.251%2019.932%2018%2019.89c-8.251.042-16.47%201.026-16.47%201.026C.717%2027.39%207.467%2030.057%2018%2030.057s17.283-2.667%2016.47-9.141%22%2F%3E%3Cpath%20fill%3D%22%23ffcc4d%22%20d%3D%22m33.886%2018.328l-31.855.646c-1.1%200-2.021%202.229-.854%202.812c8.708%202.708%2015.708%205.448%2015.708%205.448c.962.532%201.287.534%202.25.003c0%200%209.666-3.868%2015.875-5.493c.881-.23-.025-3.416-1.124-3.416%22%2F%3E%3Cpath%20fill%3D%22%2377b255%22%20d%3D%22M34.725%2018.412c-1.9-1.751-1.79-.819-3.246-1.23c-.553-.156-4.51-5.271-13.529-5.271h-.02c-9.019%200-12.976%205.115-13.529%205.271c-1.456.411-1.346-.521-3.246%201.23c-.872.804-1.108%201.222-.188%201.43c1.386.313%201.26%201.152%202.253%201.444c1.202.353%201.696-.292%203.634-.028c1.653.225%201.761%202.369%203.429%202.369s1.668-.8%203.335-.8s2.653%202.146%204.321%202.146s2.653-2.146%204.321-2.146s1.668.8%203.335.8s1.776-2.144%203.429-2.369c1.938-.263%202.433.381%203.634.028c.993-.292.867-1.13%202.253-1.444c.922-.207.687-.626-.186-1.43%22%2F%3E%3Cpath%20fill%3D%22%23dd2e44%22%20d%3D%22M34.077%2016.52c0%202.984-7.198%204.393-16.077%204.393S1.923%2019.504%201.923%2016.52c0-5.403.966-5.403%2016.077-5.403s16.077.001%2016.077%205.403%22%2F%3E%3Cpath%20fill%3D%22%23d99e82%22%20d%3D%22M18%20.524C8.629.524%201.033%204.915%201.033%2011.566c0%206.125%207.596%206.375%2016.967%206.375s16.967-.25%2016.967-6.375C34.967%204.914%2027.371.524%2018%20.524%22%2F%3E%3Cpath%20fill%3D%22%23ffe8b6%22%20d%3D%22M10.784%203.695a1.069%201.069%200%201%200-1.152%201.802c.498.319%201.76.557%202.079.059c.318-.498-.429-1.543-.927-1.861m9.734-1.035c-.562.182-1.549%201.006-1.366%201.568s1.464.648%202.026.466a1.069%201.069%200%200%200-.66-2.034m10.909%207.035c-.452-.38-1.585.225-1.966.677a1.07%201.07%200%200%200%201.638%201.376c.381-.453.781-1.673.328-2.053m-3.643-5a1.07%201.07%200%200%200-1.152%201.803c.498.319%201.76.557%202.078.059c.319-.499-.428-1.544-.926-1.862m-15%207a1.07%201.07%200%200%200-1.478.326a1.07%201.07%200%200%200%20.326%201.476c.498.319%201.76.558%202.078.059c.319-.498-.428-1.543-.926-1.861m3.046-4.808c-.336.486-.62%201.739-.133%202.075c.486.336%201.557-.374%201.893-.86a1.07%201.07%200%200%200-1.76-1.215m7.954%204.808a1.07%201.07%200%200%200-1.478.326a1.07%201.07%200%200%200%20.326%201.476c.498.319%201.76.558%202.078.059c.319-.498-.428-1.543-.926-1.861M4.948%207.808c-.394.441-.833%201.648-.392%202.042c.439.394%201.591-.174%201.985-.615a1.07%201.07%200%201%200-1.593-1.427%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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