hamburger icon
hamburger-fill from MingCute Icon by MingCute Design · Fill · Apache-2.0 Free for personal and commercial use.
- Name
- hamburger-fill
- Set
- MingCute Icon
- Style
- Fill
- Viewbox
- 24×24
- License
- Apache 2.0
1 other variant in MingCute Icon
The same icon in other sets
hamburgerEmoji One (Colored)hamburgerFont Awesome SolidhamburgerFluent EmojihamburgerFluent Emoji FlathamburgerFluent Emoji High ContrasthamburgerFirefox OS EmojihamburgerIconParkhamburgerIconPark OutlinehamburgerIconPark SolidhamburgerIconPark TwoTonehamburgerLine AwesomehamburgerLucidehamburgerMaterial Design IconshamburgerNoto EmojihamburgerOpenMojihamburgerPhosphorhamburgerTDesign IconshamburgerTwitter Emoji
Use the hamburger icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M20 15a1 1 0 0 1 1 1v1a4 4 0 0 1-4 4H7a4 4 0 0 1-4-4v-1a1 1 0 0 1 1-1zm-3.664-3.093a3 3 0 0 1 3.328 0l.925.616a1 1 0 0 1-1.11 1.665l-.924-.617a1 1 0 0 0-1.11 0l-.781.52a3 3 0 0 1-3.328 0l-.781-.52a1 1 0 0 0-1.11 0l-.781.52a3 3 0 0 1-3.328 0l-.782-.52a1 1 0 0 0-1.109 0c-.211.141-.607.438-.978.634a1.001 1.001 0 0 1-.934-1.77c.253-.133.428-.278.803-.528a3 3 0 0 1 3.328 0l.781.52a1 1 0 0 0 1.11 0l.78-.52a3 3 0 0 1 3.329 0l.781.52a1 1 0 0 0 1.11 0zM12 3c2.381 0 4.554.643 6.156 1.566c.8.462 1.488 1.01 1.986 1.615c.491.595.858 1.318.858 2.105c0 .792-.38 1.412-.99 1.821c-.543.365-1.25.553-1.98.666c-1.453.227-3.514.227-5.937.227h-.187c-2.422 0-4.483 0-5.935-.227c-.73-.113-1.437-.3-1.981-.666c-.61-.409-.99-1.03-.99-1.82c0-.788.366-1.511.857-2.106c.499-.604 1.186-1.153 1.987-1.615C7.446 3.643 9.619 3 12 3"/></svg>
React
import type { SVGProps } from "react";
export function MingcuteHamburgerFill(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M20 15a1 1 0 0 1 1 1v1a4 4 0 0 1-4 4H7a4 4 0 0 1-4-4v-1a1 1 0 0 1 1-1zm-3.664-3.093a3 3 0 0 1 3.328 0l.925.616a1 1 0 0 1-1.11 1.665l-.924-.617a1 1 0 0 0-1.11 0l-.781.52a3 3 0 0 1-3.328 0l-.781-.52a1 1 0 0 0-1.11 0l-.781.52a3 3 0 0 1-3.328 0l-.782-.52a1 1 0 0 0-1.109 0c-.211.141-.607.438-.978.634a1.001 1.001 0 0 1-.934-1.77c.253-.133.428-.278.803-.528a3 3 0 0 1 3.328 0l.781.52a1 1 0 0 0 1.11 0l.78-.52a3 3 0 0 1 3.329 0l.781.52a1 1 0 0 0 1.11 0zM12 3c2.381 0 4.554.643 6.156 1.566c.8.462 1.488 1.01 1.986 1.615c.491.595.858 1.318.858 2.105c0 .792-.38 1.412-.99 1.821c-.543.365-1.25.553-1.98.666c-1.453.227-3.514.227-5.937.227h-.187c-2.422 0-4.483 0-5.935-.227c-.73-.113-1.437-.3-1.981-.666c-.61-.409-.99-1.03-.99-1.82c0-.788.366-1.511.857-2.106c.499-.604 1.186-1.153 1.987-1.615C7.446 3.643 9.619 3 12 3"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M20 15a1 1 0 0 1 1 1v1a4 4 0 0 1-4 4H7a4 4 0 0 1-4-4v-1a1 1 0 0 1 1-1zm-3.664-3.093a3 3 0 0 1 3.328 0l.925.616a1 1 0 0 1-1.11 1.665l-.924-.617a1 1 0 0 0-1.11 0l-.781.52a3 3 0 0 1-3.328 0l-.781-.52a1 1 0 0 0-1.11 0l-.781.52a3 3 0 0 1-3.328 0l-.782-.52a1 1 0 0 0-1.109 0c-.211.141-.607.438-.978.634a1.001 1.001 0 0 1-.934-1.77c.253-.133.428-.278.803-.528a3 3 0 0 1 3.328 0l.781.52a1 1 0 0 0 1.11 0l.78-.52a3 3 0 0 1 3.329 0l.781.52a1 1 0 0 0 1.11 0zM12 3c2.381 0 4.554.643 6.156 1.566c.8.462 1.488 1.01 1.986 1.615c.491.595.858 1.318.858 2.105c0 .792-.38 1.412-.99 1.821c-.543.365-1.25.553-1.98.666c-1.453.227-3.514.227-5.937.227h-.187c-2.422 0-4.483 0-5.935-.227c-.73-.113-1.437-.3-1.981-.666c-.61-.409-.99-1.03-.99-1.82c0-.788.366-1.511.857-2.106c.499-.604 1.186-1.153 1.987-1.615C7.446 3.643 9.619 3 12 3"/></svg> </template>
CSS
.icon-hamburger-fill {
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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M20%2015a1%201%200%200%201%201%201v1a4%204%200%200%201-4%204H7a4%204%200%200%201-4-4v-1a1%201%200%200%201%201-1zm-3.664-3.093a3%203%200%200%201%203.328%200l.925.616a1%201%200%200%201-1.11%201.665l-.924-.617a1%201%200%200%200-1.11%200l-.781.52a3%203%200%200%201-3.328%200l-.781-.52a1%201%200%200%200-1.11%200l-.781.52a3%203%200%200%201-3.328%200l-.782-.52a1%201%200%200%200-1.109%200c-.211.141-.607.438-.978.634a1.001%201.001%200%200%201-.934-1.77c.253-.133.428-.278.803-.528a3%203%200%200%201%203.328%200l.781.52a1%201%200%200%200%201.11%200l.78-.52a3%203%200%200%201%203.329%200l.781.52a1%201%200%200%200%201.11%200zM12%203c2.381%200%204.554.643%206.156%201.566c.8.462%201.488%201.01%201.986%201.615c.491.595.858%201.318.858%202.105c0%20.792-.38%201.412-.99%201.821c-.543.365-1.25.553-1.98.666c-1.453.227-3.514.227-5.937.227h-.187c-2.422%200-4.483%200-5.935-.227c-.73-.113-1.437-.3-1.981-.666c-.61-.409-.99-1.03-.99-1.82c0-.788.366-1.511.857-2.106c.499-.604%201.186-1.153%201.987-1.615C7.446%203.643%209.619%203%2012%203%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M20%2015a1%201%200%200%201%201%201v1a4%204%200%200%201-4%204H7a4%204%200%200%201-4-4v-1a1%201%200%200%201%201-1zm-3.664-3.093a3%203%200%200%201%203.328%200l.925.616a1%201%200%200%201-1.11%201.665l-.924-.617a1%201%200%200%200-1.11%200l-.781.52a3%203%200%200%201-3.328%200l-.781-.52a1%201%200%200%200-1.11%200l-.781.52a3%203%200%200%201-3.328%200l-.782-.52a1%201%200%200%200-1.109%200c-.211.141-.607.438-.978.634a1.001%201.001%200%200%201-.934-1.77c.253-.133.428-.278.803-.528a3%203%200%200%201%203.328%200l.781.52a1%201%200%200%200%201.11%200l.78-.52a3%203%200%200%201%203.329%200l.781.52a1%201%200%200%200%201.11%200zM12%203c2.381%200%204.554.643%206.156%201.566c.8.462%201.488%201.01%201.986%201.615c.491.595.858%201.318.858%202.105c0%20.792-.38%201.412-.99%201.821c-.543.365-1.25.553-1.98.666c-1.453.227-3.514.227-5.937.227h-.187c-2.422%200-4.483%200-5.935-.227c-.73-.113-1.437-.3-1.981-.666c-.61-.409-.99-1.03-.99-1.82c0-.788.366-1.511.857-2.106c.499-.604%201.186-1.153%201.987-1.615C7.446%203.643%209.619%203%2012%203%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mingcute/hamburger-fill.svg?color=%231a73e8&size=48
