Spaghetti icon

twemoji:spaghetti

The Spaghetti icon (twemoji:spaghetti) is a free SVG icon from the Twitter Emoji set by Twitter. It is drawn on a 36 × 36 grid. Twitter Emoji 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: Twitter Emoji
Author: Twitter
License: CC-BY-4.0
Size: 36 × 36
Category: Food & Drink

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><ellipse cx="18" cy="24" fill="#939598" rx="18" ry="10"/><ellipse cx="18" cy="22" fill="#f1f2f2" rx="18" ry="10"/><ellipse cx="18" cy="21.611" fill="#ffcc4d" rx="14.8" ry="7.611"/><path fill="#ffe8b6" d="M11 27a1 1 0 1 1 0-2c1.898 0 3.082-1.085 3.174-1.835c.091-.736-.96-1.081-1.417-1.195c-.906-.225-1.58.033-2.358.335c-1.068.414-2.531.978-4.106-.598c-.689-.688-.868-1.604-.492-2.513C6.534 17.425 9.245 16 11 16a1 1 0 0 1 0 2c-1.115 0-2.995 1.099-3.351 1.96c-.074.178-.044.23.058.333c.629.628.928.548 1.971.147c.862-.334 2.042-.79 3.564-.409c2.384.596 3.07 2.136 2.917 3.379C15.942 25.174 13.953 27 11 27m6 1a1 1 0 1 1 0-2c5.697 0 9.833-1.247 12.293-3.707a.999.999 0 1 1 1.414 1.414C27.858 26.556 23.247 28 17 28"/><path fill="#ffe8b6" d="M21.349 24.16c-.537 0-1.069-.06-1.591-.191c-.543-.135-2.194-.548-2.246-1.883c-.038-1 .661-2.172 5.938-3.957C22.875 17.66 21.492 17 20 17c-2.513 0-3.797.211-4.293.707a.999.999 0 1 1-1.414-1.414C15.248 15.338 16.741 15 20 15c2.396 0 5.396 1.333 5.676 3.053c.107.662-.193 1.506-1.359 1.895c-2.583.861-3.921 1.549-4.501 1.957q.167.059.427.125c3.231.804 7.322-2.366 7.768-3.18A1 1 0 0 1 30 19c0 .706-.635 1.56-1.887 2.537c-1.743 1.361-4.289 2.622-6.764 2.623"/><path fill="#dd2e44" d="M27 20.5c0 2.485-2.029 5.5-7 5.5s-4-2-12-5c-3.376-1.266 5.029-5 10-5s9 2.015 9 4.5"/><path fill="#ea596e" d="M16 24a.999.999 0 0 1-.707-1.707c.281-.305.112-.474 0-.586c-.558-.558-2.238-.616-3.846.188a1 1 0 1 1-.895-1.789c1.977-.988 4.726-1.242 6.154.188c1.252 1.252.686 2.728 0 3.414A1 1 0 0 1 16 24m4-4c-2.414 0-3.685-1.271-4.707-2.293a.999.999 0 1 1 1.414-1.414C17.661 17.247 18.414 18 20 18c.773 0 2.586 0 3.293-.707a.999.999 0 1 1 1.414 1.414C23.414 20 21.108 20 20 20m0 4a1 1 0 1 1 0-2c1.847 0 4.548-.962 5.293-1.707a.999.999 0 1 1 1.414 1.414C25.416 22.998 22.041 24 20 24"/><path fill="#ffac33" d="M17.001 20a1 1 0 0 1-.896-.553c-.999-1.997-3.077-6.153-4.098-14.323a1 1 0 1 1 1.984-.248c.979 7.83 2.953 11.779 3.902 13.677A1 1 0 0 1 17.001 20"/><path fill="#99aab5" d="m35.125 11.042l-15.24-4.503C16.534 1.23 12.319 2.084 10 2c-.25-.009-.819.22-.833.625c-.015.392 1.026.337 1.186.343c1.705.062 3.945.176 6.132 2.486C13.827 4.528 9.744 3.933 9 4c-.458.042-.5.375.042.625c.445.206 4.572 1.647 6.84 2.34c-1.419.489-3.286.715-6.434-.86C8.951 5.857 8.247 5.506 8 6s.506.753 1 1c2.16 1.08 3.43 2.332 4.823 2.332c1.656 0 2.854-.505 3.792-.899c.333-.14.634-.263.903-.343c.016.01.028.024.044.033l14.805 6.592c.485.265 1.572-.791 1.837-1.275c.265-.486.28-2.175-.079-2.398"/><path fill="#ffac33" d="M13 19a1 1 0 0 1-.707-.293c-1.315-1.315-4.446-8.867-.074-14.332a.999.999 0 1 1 1.561 1.249c-3.648 4.561-.778 10.963-.074 11.668A.999.999 0 0 1 13 19"/></svg>

How to use the Spaghetti icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

<img src="https://iconyz.com/api/public/svg/twemoji/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. Twitter Emoji 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="twemoji: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/twemoji/spaghetti.svg" alt="Spaghetti icon">, or paste the SVG code inline to style it with CSS.

Browse all Twitter Emoji icons →