Chestnut icon
openmoji:chestnut
The Chestnut icon (openmoji:chestnut) is a free SVG icon from the OpenMoji set. It is drawn on a 72 × 72 grid. OpenMoji icons are released under the CC BY-SA 4.0 license, which allows use in personal and commercial projects as long as you credit the author and share changes to the icons under the same license. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- OpenMoji
- Author
- OpenMoji
- License
- CC-BY-SA-4.0
- Size
- 72 × 72
- Category
- Food Drink
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" 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="#000" stroke-width="2"><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>
How to use the Chestnut icon
React
import { Icon } from "@iconify/react";
<Icon icon="openmoji:chestnut" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="openmoji:chestnut" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="openmoji:chestnut" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--chestnut]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:chestnut"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="openmoji:chestnut"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/openmoji/chestnut.svg" alt="Chestnut icon" width="24" height="24">
Chestnut icon in other icon sets
Chestnut icon FAQ
Is the Chestnut icon free for commercial use?
Yes. OpenMoji icons are released under the CC BY-SA 4.0 license, which allows use in personal and commercial projects as long as you credit the author and share changes to the icons under the same license.
How do I use the Chestnut icon in React?
Install @iconify/react and render <Icon icon="openmoji:chestnut" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Chestnut icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/openmoji/chestnut.svg" alt="Chestnut icon">, or paste the SVG code inline to style it with CSS.
Browse all OpenMoji icons →
ICONYZ
