Spaghetti icon

emojione:spaghetti

The Spaghetti icon (emojione:spaghetti) is a free SVG icon from the Emoji One (Colored) set by Emoji One. It is drawn on a 64 × 64 grid. Emoji One (Colored) icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Emoji One (Colored)
Author: Emoji One
License: CC-BY-4.0
Size: 64 × 64
Category: Food

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#94989b" 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="#c7d7d7" 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="#94989b" 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="#d3976e" 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="#839391" 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="#ffe299"><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="#ec6430" 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="#8cc63e" 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>

How to use the Spaghetti icon

React

import { Icon } from "@iconify/react";

<Icon icon="emojione:spaghetti" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="emojione:spaghetti" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="emojione:spaghetti" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione--spaghetti]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/emojione -->
<div class="i-emojione:spaghetti"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="emojione:spaghetti"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/emojione/spaghetti.svg" alt="Spaghetti icon" width="24" height="24">

Spaghetti icon in other icon sets

Spaghetti icon FAQ

Is the Spaghetti icon free for commercial use?

Yes. Emoji One (Colored) icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.

How do I use the Spaghetti icon in React?

Install @iconify/react and render <Icon icon="emojione:spaghetti" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Spaghetti icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/emojione/spaghetti.svg" alt="Spaghetti icon">, or paste the SVG code inline to style it with CSS.

Browse all Emoji One (Colored) icons →