Home/Libraries/OpenMoji (Iconify)/chestnut

OpenMoji (Iconify)

Chestnut

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"><defs><path id="SVGGU8qYjGe" d="M46.473 27.544s4.606 13.533-1.184 25.301"/></defs><path fill="#a57939" d="m28 28.614l18-1s5 25-1 25l-9 5l-7.79-4.769C24 40.614 28 28.614 28 28.614"/><path fill="#f1b31c" d="M17 23.614s1.4-3.124 4.977-5.807c6.775-4.602 14.695-4.3 14.695-4.3L23 25.614z"/><path fill="#6a462f" d="m27 27.614l-11.25-4s-12.75 19 11.25 28zm20 0l9.825-3.175S67.755 36.583 47 51.614l1-13z"/><path fill="#f1b31c" d="m16.927 23.498l.084.194C34.508 34.185 57 23.614 57 23.614a23.84 23.84 0 0 0-19.356-10.108"/><g fill="none" stroke="#818cf8" stroke-width="1.5"><path stroke-miterlimit="10" d="m16.927 23.498l.084.194C34.508 34.185 57 23.614 57 23.614a23.84 23.84 0 0 0-19.356-10.108"/><path stroke-miterlimit="10" d="M16 23.614c17.497 10.492 41 0 41 0"/><use href="#SVGGU8qYjGe" stroke-miterlimit="10"/><use href="#SVGGU8qYjGe" stroke-miterlimit="10"/><path stroke-linecap="round" stroke-linejoin="round" d="M21.977 17.807c-6.157 3.983-10.244 10.39-9.866 17.742c.389 7.565 6.78 14.68 13.547 16.362c4.101 1.018 8.704 4.838 10.017 5.983c.217.19.537.208.773.04a69.4 69.4 0 0 1 8.549-4.984c8.574-4.202 13.503-9.836 14.977-17.4c2.29-11.762-10.085-22.043-23.302-22.043c-3.929.002-7.81.85-11.383 2.484"/><path stroke-miterlimit="10" d="M27.026 27.544a113.8 113.8 0 0 0 1.184 25.301"/></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. ChestnutIcon.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.