Home/Libraries/Firefox OS Emoji (Iconify)/cookie

Firefox OS Emoji (Iconify)

Cookie

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 512 512"><path fill="#818cf8" d="M30.588 157.435C45.694 92.479 111.838 11.252 210.984 8.688s188.907 23.082 247.894 100.02s58.986 220.881 25.646 265.6s-41.869 142.173-192.764 131.914C140.866 495.964 87.009 464.001 38.281 394.068s-28.245-148.266-7.693-236.633"/><path fill="#818cf8" d="M161.834 173.737c0 10.843-18.425 19.634-41.154 19.634s-41.154-8.79-41.154-19.634c0-26.124 43.257-30.846 43.791-41.152c.1-1.933 2.78-3.171 5.053-2.251c11.912 4.825 33.464 17.179 33.464 43.403m161.668 236.249c-2.039-.662-4.442.228-4.532 1.618c-.479 7.408-39.281 10.802-39.281 29.579c0 7.794 16.528 14.112 36.915 14.112s36.915-6.318 36.915-14.112c.001-18.849-19.332-27.729-30.017-31.197m87.547-118.379c-2.039-.968-4.442.333-4.532 2.366c-.479 10.834-39.281 15.797-39.281 43.258c0 11.398 16.528 20.638 36.915 20.638s36.915-9.24 36.915-20.638c0-27.566-19.333-40.552-30.017-45.624"/><path fill="#818cf8" d="M264.821 274.863c0 10.345-16.528 18.731-36.915 18.731s-36.915-8.386-36.915-18.731c0-24.923 38.802-29.428 39.281-39.261c.09-1.845 2.494-3.026 4.532-2.147c10.684 4.603 30.017 16.389 30.017 41.408m6.898-210.826c-2.039-.662-4.442.228-4.532 1.618c-.479 7.408-39.281 10.802-39.281 29.579c0 7.794 16.528 14.112 36.915 14.112s36.915-6.318 36.915-14.112c0-18.849-19.333-27.729-30.017-31.197m121.102 54.782c-1.858-.913-4.049.315-4.131 2.233c-.437 10.227-35.806 14.912-35.806 40.833c0 10.759 15.065 19.482 33.65 19.482c18.584 0 33.65-8.722 33.65-19.482c-.002-26.021-17.624-38.279-27.363-43.066m-235.287 237.23c-2.272-1.117-4.951.385-5.052 2.731c-.534 12.504-43.782 18.233-43.782 49.929c0 13.156 18.421 23.821 41.145 23.821s41.145-10.665 41.145-23.821c0-31.818-21.548-46.806-33.456-52.66"/></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. CookieIcon.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.