Herb icon
emojione-v1:herb
The Herb icon (emojione-v1:herb) is a free SVG icon from the Emoji One (v1) set by Emoji One. It is drawn on a 64 × 64 grid. Emoji One (v1) 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
- Emoji One (v1)
- Author
- Emoji One
- License
- CC-BY-SA-4.0
- Size
- 64 × 64
- Category
- Nature
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><g fill="#62a76a"><path d="m60.24 22.22l-.257-.153a17 17 0 0 0-1.142-.625s-.004 0-.006-.002a32 32 0 0 0-1.34-.613c-.103-.039-.2-.08-.3-.123c-4.01-1.665-9.439-2.874-12.284-1.469c-2.75 1.348-2.84 3.965-2.626 5.471c-3.217 2.109-7.258 6.367-10.609 15.02c-.991-4.208-2.638-8.713-5.381-12.06c-.566-.74-.913-1.026-.913-1.026c.3-.756.542-1.899.051-3.139a3.6 3.6 0 0 0-.527-.971c-.023-.03-.053-.063-.076-.096c-.04-.045-.077-.096-.118-.143c-.074-.094-.145-.188-.233-.286c-.694-.752-1.748-1.352-2.964-1.81c-3.148-1.716-6.01-1.581-7.845-1.154c-.615.037-1.162.108-1.583.219l-.041.304a7 7 0 0 0-.474.219c.981.11 1.528 1.867 1.712 2.566c.118.539.228 1.152.294 1.947c.339 4 7.604 4.318 7.604 4.318l1.079.349c5.03 4.353 6.572 13.978 7.01 18.275c-1.048 4-1.959 8.619-2.65 14.03l.031.012a2 2 0 0 0-.08.345c-.082.646.137 1.265.509 1.731l-.018.016c.055.066.127.113.192.176c.079.075.145.149.229.208c.187.133.388.239.613.286c.976.215 1.878-.494 2.041-1.587c.002 0 .001.008.001.008c2.736-21.997 8.95-30.439 13.283-33.675l.68.149l2.678.329s9.09 3.703 10.834-1.05c1.747-4.755 3.41-4.555 3.41-4.555l.107-.831a11 11 0 0 0-.903-.608"/><path d="M26.623 41.25c-2.444-2.593-5.316-4.857-8.427-5.79c-.783-.271-1.187-.286-1.187-.286c-.111-.916-.44-2.146-1.396-2.942a2.5 2.5 0 0 0-.854-.513c-.031-.012-.07-.023-.106-.035l-.155-.047c-.105-.032-.202-.071-.313-.094c-.89-.196-1.992.023-3.16.482c-3.255.705-5.443 2.911-6.689 4.643c-.466.485-.864.943-1.146 1.355l.108.31c-.176.337-.271.552-.271.552c.817-.615 2.051.611 2.513 1.133c.341.407.707.896 1.123 1.582c2.094 3.456 7.947-1.539 7.947-1.539l1.01-.463c3.969.247 7.79 3.809 10.578 7.236c.15-1.858.291-3.723.424-5.584m-.442-9.736c.384-4.823 1.304-9.956 3.251-14.48c.466-1.164.784-1.683.784-1.683c-.478-.76-.972-2.01-.69-3.741a5.8 5.8 0 0 1 .378-1.42c.014-.049.041-.107.062-.159c.031-.07.061-.152.098-.225c.061-.153.119-.3.194-.457c.599-1.246 1.629-2.476 2.856-3.622c3.073-3.598 6.211-4.831 8.29-5.216C42.081.259 42.689.074 43.17 0l.104.345c.354.008.559.035.559.035c-1.04.607-1.279 2.985-1.336 3.917c-.021.702-.016 1.491.072 2.476c.439 4.972-7.391 8.903-7.391 8.903l-1.104.95c-3.065 5.134-3.955 12.333-4.094 18.16a288 288 0 0 1-3.8-3.267"/></g><path fill="#90cd97" d="M29.02 18.06c.292-.298.572-.623.913-.858C36.36 12.793 33.8 5.406 41.287.535c-2.081.406-5.158 1.655-8.176 5.189c-1.227 1.146-2.257 2.376-2.856 3.622c-.075.157-.133.304-.194.457c-.038.073-.067.155-.098.225c-.021.051-.049.11-.062.159a5.7 5.7 0 0 0-.378 1.42c-.282 1.733.212 2.981.69 3.741c0 0-.317.519-.784 1.683c-.147.34-.276.684-.409 1.029m10.535 8.342l-.889-4.399c-5.532 1.891-8.991 8.485-11.09 14.741C23.478 16.842 14.83 14.35 14.342 14.23l-.652 4.466c.127.033 12.724 3.665 12.522 43.17c0 0 .008-.004.012-.008c.018 1.234.784 2.226 1.733 2.226c.962 0 1.74-1.019 1.74-2.269q-.001-.199-.032-.392l.032-.008c.014-6.05-.28-11.302-.778-15.909c1.047-5.05 4.158-16.888 10.635-19.1"/><path fill="#6dbc79" d="m28.347 61.855l-.008.004c.2-39.498-12.399-43.13-12.53-43.16l.521-3.518c-1.099-.697-1.853-.915-1.986-.948l-.652 4.466c.127.033 12.724 3.665 12.522 43.17c0 0 .008-.004.012-.008c.018 1.234.784 2.226 1.733 2.226c.402 0 .768-.185 1.064-.485c-.402-.405-.666-1.032-.676-1.741"/><path fill="#90cd97" d="M35.486 25.13s-1.625-3.563 1.086-5.937c2.711-2.378 9.623-1.405 12.06 0v.707s-1.218.143-2.035 4.413c-.812 4.275-7.726 2.869-7.726 2.869l-1.965.219h-1.908l.485-2.271M19 19.03s2.127-4.67-1.42-7.778c-3.551-3.115-12.609-1.839-15.804 0v.926s1.596.186 2.662 5.78c1.069 5.597 10.123 3.757 10.123 3.757l2.576.29h2.496z"/><path fill="#6dbc79" d="M19.621 16.329c-2.809 1.042-6.985 1.882-8.417-1.561C8.973 9.41 7.302 9.772 7.302 9.772l-.031-.154c-2.259.327-4.29.94-5.493 1.632v.926s1.596.186 2.662 5.78c1.069 5.597 10.123 3.757 10.123 3.757l2.576.29h2.496l-.633-2.975s.524-1.154.619-2.699m7.245 26.721s5.253-16.756 10.115-18.361c0 0 8.417 1.272 10.04-2.113c0 0 .863-2.836 2.037-2.691c0 0-4.808-4.664-11.09-1.24c0 0-3.506.388-2.817 5.371c0 0-3.396 2.123-7.568 12.728l-1.661 3.612l.95 2.694"/></svg>How to use the Herb icon
React
import { Icon } from "@iconify/react";
<Icon icon="emojione-v1:herb" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="emojione-v1:herb" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="emojione-v1:herb" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-v1--herb]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/emojione-v1 -->
<div class="i-emojione-v1:herb"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="emojione-v1:herb"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/emojione-v1/herb.svg" alt="Herb icon" width="24" height="24">Herb icon in other icon sets
Herb icon FAQ
Is the Herb icon free for commercial use?
Yes. Emoji One (v1) 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 Herb icon in React?
Install @iconify/react and render <Icon icon="emojione-v1:herb" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Herb icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/emojione-v1/herb.svg" alt="Herb icon">, or paste the SVG code inline to style it with CSS.