hamburger icon

hamburger from IconPark Outline by ByteDance · Outline · Foods · Apache-2.0 Free for personal and commercial use.

Name: hamburger
Set: IconPark Outline
Style: Outline
Category: Foods
Viewbox: 48×48
License: Apache 2.0

The same icon in other sets

hamburgerEmoji One (Colored)hamburgerFont Awesome Solid hamburgerFluent Emoji hamburgerFluent Emoji Flat hamburgerFluent Emoji High Contrast hamburgerFirefox OS Emoji hamburgerIconPark hamburgerIconPark Solid hamburgerIconPark TwoTone hamburgerLine Awesome hamburgerLucide hamburgerMaterial Design Icons hamburger-fillMingCute Icon hamburgerNoto Emoji hamburgerOpenMoji hamburgerPhosphor hamburgerTDesign Icons hamburgerTwitter Emoji

More foods icons from IconPark Outline

apple-one avocado avocado-one banana barbecue beer beer-mug birthday-cake bone bottle-one bottle-three bottle-two bowl bowl-one bread bread-machine bread-one cake cake-five cake-four cake-one cake-three cake-two candy

Use the hamburger icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path d="M44 22c0-9.941-8.954-18-20-18S4 12.059 4 22z" clip-rule="evenodd"/><path d="M4 38h40v6H4zm0-10l5.455 4l7.272-4L24 32l7.273-4l7.272 4L44 28"/></g></svg>

React

import type { SVGProps } from "react";

export function IconParkOutlineHamburger(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="4"><path d="M44 22c0-9.941-8.954-18-20-18S4 12.059 4 22z" clipRule="evenodd"/><path d="M4 38h40v6H4zm0-10l5.455 4l7.272-4L24 32l7.273-4l7.272 4L44 28"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path d="M44 22c0-9.941-8.954-18-20-18S4 12.059 4 22z" clip-rule="evenodd"/><path d="M4 38h40v6H4zm0-10l5.455 4l7.272-4L24 32l7.273-4l7.272 4L44 28"/></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%2048%2048%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%3E%3Cpath%20d%3D%22M44%2022c0-9.941-8.954-18-20-18S4%2012.059%204%2022z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M4%2038h40v6H4zm0-10l5.455%204l7.272-4L24%2032l7.273-4l7.272%204L44%2028%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%2048%2048%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%3E%3Cpath%20d%3D%22M44%2022c0-9.941-8.954-18-20-18S4%2012.059%204%2022z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M4%2038h40v6H4zm0-10l5.455%204l7.272-4L24%2032l7.273-4l7.272%204L44%2028%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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