Home/Libraries/OpenMoji (Iconify)/garlic

OpenMoji (Iconify)

Garlic

License: CC-BY-SA-4.0

ICON SIZE

STROKE WEIGHT1.5px

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 72 72"><path fill="#d0cfce" d="M23.392 28.232a15 15 0 0 0-1.462.799a15.27 15.27 0 0 0-7.297 12.944c0 8.312 8.335 15.282 16.912 15.282h9.23c8.576 0 17.38-6.97 17.38-15.282a15.27 15.27 0 0 0-7.334-12.967a29 29 0 0 1-1.08-.6c-2.45-1.42-7.57-5.205-8.747-9.139h-9.167c-.513 5.086-9.17 9.407-9.897 9.762l-.072.034"/><path fill="#9b9b9a" d="m50.932 29.066l-.11-.058q-.528-.32-1.082-.6c-.115-.058-.227-.122-.345-.177"/><path fill="#fff" d="M31.336 21.273a58 58 0 0 0 1.738-10.243a2.455 2.455 0 0 1 2.462-2.255l.94.001c1.687 0 2.07.694 2.474 2.332l2.404 9.6l7.34 15.926a13.75 13.75 0 0 1 2.044 7.199a14.37 14.37 0 0 1-14.578 14.15a14.37 14.37 0 0 1-14.579-14.15a13.7 13.7 0 0 1 1.429-6.077"/><g fill="none" stroke="#818cf8" stroke-width="1.5"><path stroke-miterlimit="10" d="M23.01 37.756a14 14 0 0 1 1.242-2.068"/><path stroke-linejoin="round" d="M31.336 21.273a58 58 0 0 0 1.755-10.475a2.155 2.155 0 0 1 2.146-2.023l1.239.001c1.687 0 2.07.694 2.474 2.332l2.177 8.604l.226.874a5 5 0 0 0 .188.527l6.72 14.584c1.098 2.176 2.477 5.504 2.477 8.136a14.37 14.37 0 0 1-14.578 14.15a14.37 14.37 0 0 1-14.579-14.15a13.7 13.7 0 0 1 1.429-6.077"/><path stroke-miterlimit="10" d="m31.292 21.435l.044-.162m0 0c.081-.28.154-.553.209-.807M22.933 37.88l.077-.124m1.241-2.068c2.052-3.479 5.896-10.292 7.085-14.415M23.01 37.756c.173-.281.627-1.025 1.242-2.068"/><path stroke-miterlimit="10" d="M31.827 19.27c-.513 5.086-9.17 9.406-9.897 9.761l-.072.035M41.012 57.18c8.364-.342 17.143-7.104 17.143-15.205a15.27 15.27 0 0 0-7.334-12.966a29 29 0 0 1-1.08-.6c-2.45-1.42-7.895-5.005-8.72-9.14l-.028-.106"/><path stroke-miterlimit="10" d="M23.392 28.232a15 15 0 0 0-1.462.799a15.27 15.27 0 0 0-7.297 12.944c0 7.986 8.702 14.765 16.912 15.282m19.387-28.191l-.11-.058q-.528-.32-1.082-.6c-.115-.058-.242-.162-.41-.242"/><path stroke-linecap="round" stroke-miterlimit="10" d="m32.316 57.983l-1.779 4.772m6.047-4.377l-.122 4.051m4.061-4.44l1.813 4.759"/></g></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. GarlicIcon.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-SA-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.