Home/Libraries/Emoji One (Colored) (Iconify)/spaghetti

Emoji One (Colored) (Iconify)

Spaghetti

License: CC-BY-4.0

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 64 64"><path fill="#818cf8" d="M58 49.2C58 56.3 46.3 62 32 62C17.6 62 6 56.3 6 49.2s11.6-12.8 26-12.8c14.3 0 26 5.7 26 12.8"/><path fill="#818cf8" d="M62 44c0 8.6-13.4 15.7-30 15.7S2 52.7 2 44c0-8.6 13.4-15.7 30-15.7s30 7 30 15.7"/><path fill="#818cf8" d="M56.7 42.7c0 5.8-11.1 10.4-24.7 10.4S7.3 48.4 7.3 42.7c0-5.8 11.1-10.4 24.7-10.4c13.6-.1 24.7 4.6 24.7 10.4"/><path fill="#818cf8" d="M50.2 50.5c-2.8.5-3.3 3.7-11.4 2.9c-3.8-.4-6 .8-10.7 1.2S-1.8 50.2 8.4 38.7c10.1-11.5 48.4-6.2 48.8 1.2c.4 7.5-4.8 10.2-7 10.6"/><path fill="#818cf8" d="M8.4 19.4c-.9.6.3.6.3.6s10.2-3.5 10.7-2.5s-10.3 4-10.1 5.2s11-3.4 11.2-2.4c.3 1-9.8 4.8-9.8 4.8s-.8.8.2.7c13-1.6 17.1-5.5 17.1-5.5s.9-.7.6-1.6c0-.1 28.4-10.2 32.2-11.6c1.9-.7-.1-5.7-1.9-5C55 3.4 26.6 13.7 26.6 13.7c-.3-.9-1.5-.9-1.5-.9s-5.7-.4-16.7 6.6"/><g fill="#818cf8"><path d="M57.6 39.8c-.3-2.1-2.7-4-7.1-5.6c-2.6-2.1-6.3-2.7-8.6-2.9c-2.1-.1-4.2 0-6.2.4c-.9.1-1.9-.9-2.7-.6c-4.3-1.2-8.2 1-11 1c-3 0-15 2-14.9 8.2c-.5.6-3.1 2.7.9 4.3c-1 1.1-1.2 2.2-1.1 2.9c.2 1.6 1.5 3.1 4 4.3c3.7 1.8 6.9 2.4 9.4 2.4C24 54 25.8 57.8 34 57l-1-2c-.1 0-3 0-6-2c.1 0 17.8-1.2 20-1.5c5-.5 8.6-4.6 9-6.5c.3-1.4 1.8-4.1 1.6-5.2m-31.3-6c.3 0-5.9 2.6-9.3 4.2l.6-2.6h.1c2.4-.8 5.3-1.3 8.6-1.6m17.4 15.9s-1.2-1.3-1.1-1.5c1.3-.2 2.5-.4 3.7-.7c-.5 1-1.4 1.7-2.6 2.2m-.1 0c-.1 0-.1 0-.2.1c0 0 .1 0 .2-.1M25 44.3c.4.1 8.7 2 11.8 2.5C35 48 29 49 25 44.3M16 51s-2.1-2.9-2-4c.7.6 3.1 1.3 4 1.5c.1.2 1.6 2.9 2 3.5c-2 0-4-1-4-1m1.1-7.2c0 .7 0 1.4.2 2.2c-1.8-.4-3.3-1.1-4.3-2c1-.3 2.4-.4 4.1-.2M39 33c6 2 9.8 4.8 10 5c-.2.4.2 1.6 0 2c-.8-.4-7-5-11-6c.7-.1 1-1 1-1m9 11c.5-.4 3-3 3-3h2c.6 0-2.7 3.6-3 4c-.3-.1-1.7-.9-2-1m-.9 4.2c.2-.3.3-.6.4-.9c.5-.1 1-.3 1.5-.4c.3.5.6.9 1 1.4c-.8.4-1.8.8-2.9 1.2c-.5.2-1 .3-1.4.5c.5-.6 1.1-1.1 1.4-1.8m-35.2-8c-.3.4-.5.7-.6 1.1c-.6-.1-1.2-.3-1.8-.5c-.4-.2-.6-.3-.9-.5q1.2-1.2 3.3-2.4zM11 47q.15-.6.9-1.2c-.3 1.4.2 2.9 1.3 4.3c-.1 0-.2-.1-.2-.1c-1.5-1-2.1-2.2-2-3m8-3.2c.9.2 5.9 3 6.9 3.3c-.9 0-4.9-.1-6.9-1.1c-.2-.7-.2-1.4 0-2.2m21.3 4.6c-.1.4 0 .7.2 1c.4.6-.8.8-2.3 0c-.5-.3-.7-.6-.8-.9c.9.1 1.9 0 2.9-.1m11.5-1.2c-.2-.3-.5-.6-.8-1c.3-.1.6-.2.9-.4c.5.1.8.3 1 .4c-.2.3-.6.6-1.1 1m-30.3 3c-.7-.3-1-1-1.4-1.5C27 48 35.2 50.6 36 51c.1.1-10 1-14.5-.8m33.6-7.4c.9-2.8-3-5.7-3.1-5.8c1 0 5 2 3.1 5.8"/><path d="M13 35V20.3c0-.4-.6-.7-1.2-.7s-1.2.3-1.2.7V36zm3 7V15.2c0-.4-.6-.7-1.2-.7s-1.2.3-1.2.7V42zm2.9-15.1c.7 0 1.2-.3 1.2-.7V13.4c0-.4-.6-.7-1.2-.7s-1.2.3-1.2.7v12.7c0 .5.6.8 1.2.8"/></g><path fill="#818cf8" d="M15.2 41.1c1 2 2.5.8 3.2 3s2.4-.2 3.9 1.1s5.5.6 7.2.9s1.9-.9 3.9-.3c2 .7 1.7-1.9 6.4-.2c1.5.6 1.1-1.7 3.6-1.1s.7-1.9 3.8-1.7s-2.4-6.3-5.1-5.5s-6-4.5-10-4.5c-8.3.2-18.3 5.8-16.9 8.3"/><path fill="#818cf8" d="m21.5 36.5l-.7 1.5l.7 1.5l.7-1.5zm3-2.5l-.5 1l.5 1l.5-1zm3 3l-.5 1l.5 1l.5-1zm1-4.5l-.7 1.5l.7 1.5l.7-1.5zm3 3l-.7 1.5l.7 1.5l.7-1.5zm3-2.5l-.5 1l.5 1l.5-1zm3 4l-.5 1l.5 1l.5-1zm3-.5l-.7 1.5l.7 1.5l.7-1.5zm4 2.5l-.5 1l.5 1l.5-1zm-10 0l-.5 1l.5 1l.5-1zm-4 2l-.5 1l.5 1l.5-1zm-6-2l-.5 1l.5 1l.5-1zm-6-1l-.5 1l.5 1l.5-1z"/></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. SpaghettiIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC-BY-4.0** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.