hamburger icon
hamburger from Line Awesome by Icons8 · Line · Food · Apache-2.0 Free for personal and commercial use.
- Name
- hamburger
- Set
- Line Awesome
- Style
- Line
- Category
- Food
- Viewbox
- 32×32
- License
- Apache 2.0
- Aliases
- hamburger-solid
The same icon in other sets
hamburgerEmoji One (Colored)hamburgerFont Awesome SolidhamburgerFluent EmojihamburgerFluent Emoji FlathamburgerFluent Emoji High ContrasthamburgerFirefox OS EmojihamburgerIconParkhamburgerIconPark OutlinehamburgerIconPark SolidhamburgerIconPark TwoTonehamburgerLucidehamburgerMaterial Design Iconshamburger-fillMingCute IconhamburgerNoto EmojihamburgerOpenMojihamburgerPhosphorhamburgerTDesign IconshamburgerTwitter Emoji
More food icons from Line Awesome
Use the hamburger icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M11 5c-3.3 0-6 2.7-6 6v.25l-1.125 1.5A3.6 3.6 0 0 0 5 13.313v2.468c-.61.551-1 1.34-1 2.219s.39 1.668 1 2.219V23c0 1.094.906 2 2 2h18c1.094 0 2-.906 2-2v-2.781c.61-.551 1-1.34 1-2.219s-.39-1.668-1-2.219v-2.469c.398-.12.77-.296 1.125-.562L27 11.219V11c0-3.3-2.7-6-6-6zm0 2h1c0 .55.45 1 1 1s1-.45 1-1h7c2.219 0 4 1.781 4 4v.5a2.2 2.2 0 0 1-.719-.375l-.531-.375l-.594.344l-.75.437a2.17 2.17 0 0 1-2.25 0l-.75-.437l-.468-.281l-.5.218l-1.438.75a2.21 2.21 0 0 1-1.969 0l-1.469-.75l-.5-.219l-.468.282l-.75.437c-.7.418-1.551.418-2.25 0l-.75-.437l-.594-.344l-.531.375A2.2 2.2 0 0 1 7 11.5V11c0-2.219 1.781-4 4-4m0 1c-.55 0-1 .45-1 1s.45 1 1 1s1-.45 1-1s-.45-1-1-1m4 0c-.55 0-1 .45-1 1s.45 1 1 1s1-.45 1-1s-.45-1-1-1m-6.844 5l.406.25a4.19 4.19 0 0 0 4.313 0l.281-.188l.969.5c1.18.59 2.57.59 3.75 0l.969-.5l.281.188a4.19 4.19 0 0 0 4.313 0l.406-.25c.375.18.758.293 1.156.375V15H7v-1.625A5 5 0 0 0 8.156 13M7 17h18c.566 0 1 .434 1 1s-.434 1-1 1H7c-.566 0-1-.434-1-1s.434-1 1-1m0 4h18v2H7z"/></svg>
React
import type { SVGProps } from "react";
export function LaHamburger(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M11 5c-3.3 0-6 2.7-6 6v.25l-1.125 1.5A3.6 3.6 0 0 0 5 13.313v2.468c-.61.551-1 1.34-1 2.219s.39 1.668 1 2.219V23c0 1.094.906 2 2 2h18c1.094 0 2-.906 2-2v-2.781c.61-.551 1-1.34 1-2.219s-.39-1.668-1-2.219v-2.469c.398-.12.77-.296 1.125-.562L27 11.219V11c0-3.3-2.7-6-6-6zm0 2h1c0 .55.45 1 1 1s1-.45 1-1h7c2.219 0 4 1.781 4 4v.5a2.2 2.2 0 0 1-.719-.375l-.531-.375l-.594.344l-.75.437a2.17 2.17 0 0 1-2.25 0l-.75-.437l-.468-.281l-.5.218l-1.438.75a2.21 2.21 0 0 1-1.969 0l-1.469-.75l-.5-.219l-.468.282l-.75.437c-.7.418-1.551.418-2.25 0l-.75-.437l-.594-.344l-.531.375A2.2 2.2 0 0 1 7 11.5V11c0-2.219 1.781-4 4-4m0 1c-.55 0-1 .45-1 1s.45 1 1 1s1-.45 1-1s-.45-1-1-1m4 0c-.55 0-1 .45-1 1s.45 1 1 1s1-.45 1-1s-.45-1-1-1m-6.844 5l.406.25a4.19 4.19 0 0 0 4.313 0l.281-.188l.969.5c1.18.59 2.57.59 3.75 0l.969-.5l.281.188a4.19 4.19 0 0 0 4.313 0l.406-.25c.375.18.758.293 1.156.375V15H7v-1.625A5 5 0 0 0 8.156 13M7 17h18c.566 0 1 .434 1 1s-.434 1-1 1H7c-.566 0-1-.434-1-1s.434-1 1-1m0 4h18v2H7z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M11 5c-3.3 0-6 2.7-6 6v.25l-1.125 1.5A3.6 3.6 0 0 0 5 13.313v2.468c-.61.551-1 1.34-1 2.219s.39 1.668 1 2.219V23c0 1.094.906 2 2 2h18c1.094 0 2-.906 2-2v-2.781c.61-.551 1-1.34 1-2.219s-.39-1.668-1-2.219v-2.469c.398-.12.77-.296 1.125-.562L27 11.219V11c0-3.3-2.7-6-6-6zm0 2h1c0 .55.45 1 1 1s1-.45 1-1h7c2.219 0 4 1.781 4 4v.5a2.2 2.2 0 0 1-.719-.375l-.531-.375l-.594.344l-.75.437a2.17 2.17 0 0 1-2.25 0l-.75-.437l-.468-.281l-.5.218l-1.438.75a2.21 2.21 0 0 1-1.969 0l-1.469-.75l-.5-.219l-.468.282l-.75.437c-.7.418-1.551.418-2.25 0l-.75-.437l-.594-.344l-.531.375A2.2 2.2 0 0 1 7 11.5V11c0-2.219 1.781-4 4-4m0 1c-.55 0-1 .45-1 1s.45 1 1 1s1-.45 1-1s-.45-1-1-1m4 0c-.55 0-1 .45-1 1s.45 1 1 1s1-.45 1-1s-.45-1-1-1m-6.844 5l.406.25a4.19 4.19 0 0 0 4.313 0l.281-.188l.969.5c1.18.59 2.57.59 3.75 0l.969-.5l.281.188a4.19 4.19 0 0 0 4.313 0l.406-.25c.375.18.758.293 1.156.375V15H7v-1.625A5 5 0 0 0 8.156 13M7 17h18c.566 0 1 .434 1 1s-.434 1-1 1H7c-.566 0-1-.434-1-1s.434-1 1-1m0 4h18v2H7z"/></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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M11%205c-3.3%200-6%202.7-6%206v.25l-1.125%201.5A3.6%203.6%200%200%200%205%2013.313v2.468c-.61.551-1%201.34-1%202.219s.39%201.668%201%202.219V23c0%201.094.906%202%202%202h18c1.094%200%202-.906%202-2v-2.781c.61-.551%201-1.34%201-2.219s-.39-1.668-1-2.219v-2.469c.398-.12.77-.296%201.125-.562L27%2011.219V11c0-3.3-2.7-6-6-6zm0%202h1c0%20.55.45%201%201%201s1-.45%201-1h7c2.219%200%204%201.781%204%204v.5a2.2%202.2%200%200%201-.719-.375l-.531-.375l-.594.344l-.75.437a2.17%202.17%200%200%201-2.25%200l-.75-.437l-.468-.281l-.5.218l-1.438.75a2.21%202.21%200%200%201-1.969%200l-1.469-.75l-.5-.219l-.468.282l-.75.437c-.7.418-1.551.418-2.25%200l-.75-.437l-.594-.344l-.531.375A2.2%202.2%200%200%201%207%2011.5V11c0-2.219%201.781-4%204-4m0%201c-.55%200-1%20.45-1%201s.45%201%201%201s1-.45%201-1s-.45-1-1-1m4%200c-.55%200-1%20.45-1%201s.45%201%201%201s1-.45%201-1s-.45-1-1-1m-6.844%205l.406.25a4.19%204.19%200%200%200%204.313%200l.281-.188l.969.5c1.18.59%202.57.59%203.75%200l.969-.5l.281.188a4.19%204.19%200%200%200%204.313%200l.406-.25c.375.18.758.293%201.156.375V15H7v-1.625A5%205%200%200%200%208.156%2013M7%2017h18c.566%200%201%20.434%201%201s-.434%201-1%201H7c-.566%200-1-.434-1-1s.434-1%201-1m0%204h18v2H7z%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M11%205c-3.3%200-6%202.7-6%206v.25l-1.125%201.5A3.6%203.6%200%200%200%205%2013.313v2.468c-.61.551-1%201.34-1%202.219s.39%201.668%201%202.219V23c0%201.094.906%202%202%202h18c1.094%200%202-.906%202-2v-2.781c.61-.551%201-1.34%201-2.219s-.39-1.668-1-2.219v-2.469c.398-.12.77-.296%201.125-.562L27%2011.219V11c0-3.3-2.7-6-6-6zm0%202h1c0%20.55.45%201%201%201s1-.45%201-1h7c2.219%200%204%201.781%204%204v.5a2.2%202.2%200%200%201-.719-.375l-.531-.375l-.594.344l-.75.437a2.17%202.17%200%200%201-2.25%200l-.75-.437l-.468-.281l-.5.218l-1.438.75a2.21%202.21%200%200%201-1.969%200l-1.469-.75l-.5-.219l-.468.282l-.75.437c-.7.418-1.551.418-2.25%200l-.75-.437l-.594-.344l-.531.375A2.2%202.2%200%200%201%207%2011.5V11c0-2.219%201.781-4%204-4m0%201c-.55%200-1%20.45-1%201s.45%201%201%201s1-.45%201-1s-.45-1-1-1m4%200c-.55%200-1%20.45-1%201s.45%201%201%201s1-.45%201-1s-.45-1-1-1m-6.844%205l.406.25a4.19%204.19%200%200%200%204.313%200l.281-.188l.969.5c1.18.59%202.57.59%203.75%200l.969-.5l.281.188a4.19%204.19%200%200%200%204.313%200l.406-.25c.375.18.758.293%201.156.375V15H7v-1.625A5%205%200%200%200%208.156%2013M7%2017h18c.566%200%201%20.434%201%201s-.434%201-1%201H7c-.566%200-1-.434-1-1s.434-1%201-1m0%204h18v2H7z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/la/hamburger.svg?color=%231a73e8&size=48
