spaghetti icon
spaghetti from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.
- Name
- spaghetti
- Set
- Huge Icons
- Style
- Stroke
- Viewbox
- 24×24
- License
- MIT
The same icon in other sets
Use the spaghetti 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-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M21.292 13H2.708c-1.52 0-.224 2.238.461 2.581l2.361 1.181c.236.119.354.178.452.264c.878.776 1.038 2.143 2.148 2.737c.442.237.965.237 2.012.237h3.716c1.047 0 1.57 0 2.012-.237c1.11-.594 1.27-1.961 2.148-2.737c.098-.086.216-.145.452-.264l2.36-1.181c.686-.343 1.981-2.581.462-2.581"/><path d="M15 13a6 6 0 0 0-12 0"/><path d="M21 13c0-2.761-2.225-5-4.97-5c-.924 0-1.789.254-2.53.696M7 12.222C7 10.995 7.895 10 9 10s2 .995 2 2.222V14M9 6.556c.431-1.766 2.328-2.874 4.237-2.475c1.909.4 3.106 2.154 2.675 3.919"/></g></svg>
React
import type { SVGProps } from "react";
export function HugeiconsSpaghetti(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" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5"><path d="M21.292 13H2.708c-1.52 0-.224 2.238.461 2.581l2.361 1.181c.236.119.354.178.452.264c.878.776 1.038 2.143 2.148 2.737c.442.237.965.237 2.012.237h3.716c1.047 0 1.57 0 2.012-.237c1.11-.594 1.27-1.961 2.148-2.737c.098-.086.216-.145.452-.264l2.36-1.181c.686-.343 1.981-2.581.462-2.581"/><path d="M15 13a6 6 0 0 0-12 0"/><path d="M21 13c0-2.761-2.225-5-4.97-5c-.924 0-1.789.254-2.53.696M7 12.222C7 10.995 7.895 10 9 10s2 .995 2 2.222V14M9 6.556c.431-1.766 2.328-2.874 4.237-2.475c1.909.4 3.106 2.154 2.675 3.919"/></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-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M21.292 13H2.708c-1.52 0-.224 2.238.461 2.581l2.361 1.181c.236.119.354.178.452.264c.878.776 1.038 2.143 2.148 2.737c.442.237.965.237 2.012.237h3.716c1.047 0 1.57 0 2.012-.237c1.11-.594 1.27-1.961 2.148-2.737c.098-.086.216-.145.452-.264l2.36-1.181c.686-.343 1.981-2.581.462-2.581"/><path d="M15 13a6 6 0 0 0-12 0"/><path d="M21 13c0-2.761-2.225-5-4.97-5c-.924 0-1.789.254-2.53.696M7 12.222C7 10.995 7.895 10 9 10s2 .995 2 2.222V14M9 6.556c.431-1.766 2.328-2.874 4.237-2.475c1.909.4 3.106 2.154 2.675 3.919"/></g></svg> </template>
CSS
.icon-spaghetti {
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-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M21.292%2013H2.708c-1.52%200-.224%202.238.461%202.581l2.361%201.181c.236.119.354.178.452.264c.878.776%201.038%202.143%202.148%202.737c.442.237.965.237%202.012.237h3.716c1.047%200%201.57%200%202.012-.237c1.11-.594%201.27-1.961%202.148-2.737c.098-.086.216-.145.452-.264l2.36-1.181c.686-.343%201.981-2.581.462-2.581%22%2F%3E%3Cpath%20d%3D%22M15%2013a6%206%200%200%200-12%200%22%2F%3E%3Cpath%20d%3D%22M21%2013c0-2.761-2.225-5-4.97-5c-.924%200-1.789.254-2.53.696M7%2012.222C7%2010.995%207.895%2010%209%2010s2%20.995%202%202.222V14M9%206.556c.431-1.766%202.328-2.874%204.237-2.475c1.909.4%203.106%202.154%202.675%203.919%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-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M21.292%2013H2.708c-1.52%200-.224%202.238.461%202.581l2.361%201.181c.236.119.354.178.452.264c.878.776%201.038%202.143%202.148%202.737c.442.237.965.237%202.012.237h3.716c1.047%200%201.57%200%202.012-.237c1.11-.594%201.27-1.961%202.148-2.737c.098-.086.216-.145.452-.264l2.36-1.181c.686-.343%201.981-2.581.462-2.581%22%2F%3E%3Cpath%20d%3D%22M15%2013a6%206%200%200%200-12%200%22%2F%3E%3Cpath%20d%3D%22M21%2013c0-2.761-2.225-5-4.97-5c-.924%200-1.789.254-2.53.696M7%2012.222C7%2010.995%207.895%2010%209%2010s2%20.995%202%202.222V14M9%206.556c.431-1.766%202.328-2.874%204.237-2.475c1.909.4%203.106%202.154%202.675%203.919%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/spaghetti.svg?color=%231a73e8&size=48
