Home/Libraries/Noto Emoji (v1) (Iconify)/spoon

Noto Emoji (v1) (Iconify)

Spoon

License: Apache-2.0Commercial Safe

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 128 128"><path fill="#818cf8" d="M127.17 15.9c-.01 4.29-.84 8.56-2.3 12.71c-2.96 8.41-7.37 15.94-13.87 22.12c-5.08 4.82-11.25 7.28-18.12 8.07c-4.08.47-8.19.69-12.29 1.04c-2.76.24-5.07 1.27-6.95 3.45c-8.26 9.57-18.69 21.22-27.04 30.72c-8.56 9.74-18.52 20.05-28.75 28.07c-2.17 1.7-4.69 3.04-7.2 4.24c-2.33 1.11-4.55.56-6.5-1.28c-3.33-3.15-3.95-5.4-1.72-9.4a51 51 0 0 1 5.48-7.97C16.86 96.95 28.02 86.5 38.57 77.4c7.69-6.63 17.37-15.53 25.16-22.03c3.34-2.79 4.48-6.22 4.75-10.32c.29-4.44.63-8.91 1.4-13.29c1.25-7.1 4.87-12.95 10.36-17.62C87.71 7.8 96.15 3.39 105.8 1.47c3.68-.73 7.39-.95 11.06 0c5.95 1.53 9.38 5.65 10.1 11.95c.09.78.13 1.57.21 2.48"/></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. SpoonIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **Apache-2.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.