sandwich icon
sandwich from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.
- Name
- sandwich
- Set
- Huge Icons
- Style
- Stroke
- Viewbox
- 24×24
- License
- MIT
The same icon in other sets
Use the sandwich icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="M2.992 17c0 .932 0 1.398.152 1.765a2 2 0 0 0 1.083 1.083C4.594 20 5.06 20 5.992 20h12c.932 0 1.398 0 1.765-.152a2 2 0 0 0 1.083-1.083c.152-.367.152-.833.152-1.765"/><path stroke-linecap="round" d="m3.02 13l-.42.656c-.29.453-.436.679-.491.818c-.428 1.069.378 2.23 1.488 2.147c.145-.01.398-.082.902-.225c.139-.04.208-.06.277-.075a2.9 2.9 0 0 1 1.461.042c.068.02.136.044.272.09l.483.168c.628.218.942.326 1.265.362q.25.027.499.011c.324-.02.642-.115 1.279-.304l.314-.094c.816-.242 1.224-.363 1.643-.363s.827.121 1.643.363l.314.094c.637.189.955.283 1.28.304q.25.016.498-.011c.323-.036.637-.144 1.265-.362l.483-.167c.136-.047.204-.071.272-.09c.477-.14.979-.155 1.462-.043c.068.016.138.035.276.075c.505.143.757.214.902.225c1.11.084 1.916-1.078 1.489-2.147c-.056-.14-.201-.366-.491-.818L20.964 13"/><path stroke-linejoin="round" d="M20.992 11.103c0-.638 0-.956-.086-1.257s-.252-.566-.586-1.096l-1.482-2.36c-.883-1.404-1.324-2.106-2.017-2.324c-.693-.219-1.425.114-2.887.778L5.417 8.717c-1.176.534-1.764.801-2.094 1.332c-.33.532-.33 1.21-.33 2.567V13h18z"/><path stroke-linecap="round" d="M3.992 9.5h16.5"/></g></svg>
React
import type { SVGProps } from "react";
export function HugeiconsSandwich(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeWidth="1.5"><path strokeLinecap="round" strokeLinejoin="round" d="M2.992 17c0 .932 0 1.398.152 1.765a2 2 0 0 0 1.083 1.083C4.594 20 5.06 20 5.992 20h12c.932 0 1.398 0 1.765-.152a2 2 0 0 0 1.083-1.083c.152-.367.152-.833.152-1.765"/><path strokeLinecap="round" d="m3.02 13l-.42.656c-.29.453-.436.679-.491.818c-.428 1.069.378 2.23 1.488 2.147c.145-.01.398-.082.902-.225c.139-.04.208-.06.277-.075a2.9 2.9 0 0 1 1.461.042c.068.02.136.044.272.09l.483.168c.628.218.942.326 1.265.362q.25.027.499.011c.324-.02.642-.115 1.279-.304l.314-.094c.816-.242 1.224-.363 1.643-.363s.827.121 1.643.363l.314.094c.637.189.955.283 1.28.304q.25.016.498-.011c.323-.036.637-.144 1.265-.362l.483-.167c.136-.047.204-.071.272-.09c.477-.14.979-.155 1.462-.043c.068.016.138.035.276.075c.505.143.757.214.902.225c1.11.084 1.916-1.078 1.489-2.147c-.056-.14-.201-.366-.491-.818L20.964 13"/><path strokeLinejoin="round" d="M20.992 11.103c0-.638 0-.956-.086-1.257s-.252-.566-.586-1.096l-1.482-2.36c-.883-1.404-1.324-2.106-2.017-2.324c-.693-.219-1.425.114-2.887.778L5.417 8.717c-1.176.534-1.764.801-2.094 1.332c-.33.532-.33 1.21-.33 2.567V13h18z"/><path strokeLinecap="round" d="M3.992 9.5h16.5"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="M2.992 17c0 .932 0 1.398.152 1.765a2 2 0 0 0 1.083 1.083C4.594 20 5.06 20 5.992 20h12c.932 0 1.398 0 1.765-.152a2 2 0 0 0 1.083-1.083c.152-.367.152-.833.152-1.765"/><path stroke-linecap="round" d="m3.02 13l-.42.656c-.29.453-.436.679-.491.818c-.428 1.069.378 2.23 1.488 2.147c.145-.01.398-.082.902-.225c.139-.04.208-.06.277-.075a2.9 2.9 0 0 1 1.461.042c.068.02.136.044.272.09l.483.168c.628.218.942.326 1.265.362q.25.027.499.011c.324-.02.642-.115 1.279-.304l.314-.094c.816-.242 1.224-.363 1.643-.363s.827.121 1.643.363l.314.094c.637.189.955.283 1.28.304q.25.016.498-.011c.323-.036.637-.144 1.265-.362l.483-.167c.136-.047.204-.071.272-.09c.477-.14.979-.155 1.462-.043c.068.016.138.035.276.075c.505.143.757.214.902.225c1.11.084 1.916-1.078 1.489-2.147c-.056-.14-.201-.366-.491-.818L20.964 13"/><path stroke-linejoin="round" d="M20.992 11.103c0-.638 0-.956-.086-1.257s-.252-.566-.586-1.096l-1.482-2.36c-.883-1.404-1.324-2.106-2.017-2.324c-.693-.219-1.425.114-2.887.778L5.417 8.717c-1.176.534-1.764.801-2.094 1.332c-.33.532-.33 1.21-.33 2.567V13h18z"/><path stroke-linecap="round" d="M3.992 9.5h16.5"/></g></svg> </template>
CSS
.icon-sandwich {
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%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M2.992%2017c0%20.932%200%201.398.152%201.765a2%202%200%200%200%201.083%201.083C4.594%2020%205.06%2020%205.992%2020h12c.932%200%201.398%200%201.765-.152a2%202%200%200%200%201.083-1.083c.152-.367.152-.833.152-1.765%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22m3.02%2013l-.42.656c-.29.453-.436.679-.491.818c-.428%201.069.378%202.23%201.488%202.147c.145-.01.398-.082.902-.225c.139-.04.208-.06.277-.075a2.9%202.9%200%200%201%201.461.042c.068.02.136.044.272.09l.483.168c.628.218.942.326%201.265.362q.25.027.499.011c.324-.02.642-.115%201.279-.304l.314-.094c.816-.242%201.224-.363%201.643-.363s.827.121%201.643.363l.314.094c.637.189.955.283%201.28.304q.25.016.498-.011c.323-.036.637-.144%201.265-.362l.483-.167c.136-.047.204-.071.272-.09c.477-.14.979-.155%201.462-.043c.068.016.138.035.276.075c.505.143.757.214.902.225c1.11.084%201.916-1.078%201.489-2.147c-.056-.14-.201-.366-.491-.818L20.964%2013%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M20.992%2011.103c0-.638%200-.956-.086-1.257s-.252-.566-.586-1.096l-1.482-2.36c-.883-1.404-1.324-2.106-2.017-2.324c-.693-.219-1.425.114-2.887.778L5.417%208.717c-1.176.534-1.764.801-2.094%201.332c-.33.532-.33%201.21-.33%202.567V13h18z%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M3.992%209.5h16.5%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%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M2.992%2017c0%20.932%200%201.398.152%201.765a2%202%200%200%200%201.083%201.083C4.594%2020%205.06%2020%205.992%2020h12c.932%200%201.398%200%201.765-.152a2%202%200%200%200%201.083-1.083c.152-.367.152-.833.152-1.765%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22m3.02%2013l-.42.656c-.29.453-.436.679-.491.818c-.428%201.069.378%202.23%201.488%202.147c.145-.01.398-.082.902-.225c.139-.04.208-.06.277-.075a2.9%202.9%200%200%201%201.461.042c.068.02.136.044.272.09l.483.168c.628.218.942.326%201.265.362q.25.027.499.011c.324-.02.642-.115%201.279-.304l.314-.094c.816-.242%201.224-.363%201.643-.363s.827.121%201.643.363l.314.094c.637.189.955.283%201.28.304q.25.016.498-.011c.323-.036.637-.144%201.265-.362l.483-.167c.136-.047.204-.071.272-.09c.477-.14.979-.155%201.462-.043c.068.016.138.035.276.075c.505.143.757.214.902.225c1.11.084%201.916-1.078%201.489-2.147c-.056-.14-.201-.366-.491-.818L20.964%2013%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M20.992%2011.103c0-.638%200-.956-.086-1.257s-.252-.566-.586-1.096l-1.482-2.36c-.883-1.404-1.324-2.106-2.017-2.324c-.693-.219-1.425.114-2.887.778L5.417%208.717c-1.176.534-1.764.801-2.094%201.332c-.33.532-.33%201.21-.33%202.567V13h18z%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M3.992%209.5h16.5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/hugeicons/sandwich.svg?color=%231a73e8&size=48
