Herb icon

fxemoji:herb

The Herb icon (fxemoji:herb) is a free SVG icon from the Firefox OS Emoji set by Mozilla. It is drawn on a 512 × 512 grid. Firefox OS Emoji icons are released under the Apache 2.0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Firefox OS Emoji
Author: Mozilla
License: Apache-2.0
Size: 512 × 512
Category: Nature

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#2BA52E" d="M486.196 173.324s-3.373-1.726-8.569-3.446c-5.246-1.81-12.307-3.593-20.143-4.559c-15.668-1.92-33.552 1.078-48.591 9.331c-15.062 8.211-27.302 21.635-34.299 35.739c-3.487 7.074-5.882 13.911-7.256 19.256q-.092.345-.178.679c-21.651 7.709-47.89 12.72-78.689 9.773l2.361-3.106l6.342-8.367l5.99-8.372l2.937-4.109l2.782-4.151l5.416-8.144c1.779-2.672 3.381-5.416 5.036-8.05c1.627-2.655 3.258-5.24 4.796-7.819l4.37-7.688c1.407-2.522 2.861-4.941 4.14-7.392l3.727-7.185l3.526-6.82l3.081-6.568l2.883-6.154l1.357-2.919l1.201-2.86l4.302-10.261c1.128-2.569 1.982-4.963 2.773-7.108c6.71 1.126 15.154 1.891 24.292 1.692c20.281-.456 42.47-7.575 60.069-20.852c17.637-13.226 30.72-32.562 37.011-51.793c3.127-9.641 4.908-18.779 5.667-25.83c.83-6.955.674-11.775.674-11.776v-.001s-4.608-1.572-11.534-2.798c-7.007-1.332-16.315-2.294-26.46-2.073c-20.281.456-42.47 7.575-60.069 20.852c-17.637 13.227-30.72 32.562-37.011 51.793a138 138 0 0 0-4.448 17.578a10 10 0 0 0-2.054 2.924l-.186.405l-2.19 4.765l-2.626 5.717c-1.051 2.241-2.157 4.861-3.662 7.673l-4.802 9.386l-1.334 2.61l-1.494 2.658l-3.162 5.595l-3.364 5.959l-3.814 6.169l-4.012 6.484c-1.373 2.209-2.924 4.386-4.425 6.653l-4.646 6.904c-1.63 2.313-3.355 4.63-5.072 7.006c-1.745 2.358-3.43 4.81-5.3 7.198l-8.57 10.979l-3.048 3.678l-6.197 7.483l-6.558 7.482l-3.327 3.79l-3.46 3.752l-7.016 7.577l-2.308 2.383c.184-13.161-3.823-24.707-7.58-35.529c-3.811-10.976-7.456-21.502-7.106-33.449c4.106-3.312 8.884-7.803 13.463-13.181c10.224-12.028 17.561-28.61 18.944-45.709c1.432-17.095-3.043-34.701-10.97-48.305c-3.988-6.804-8.379-12.566-12.086-16.654c-3.614-4.08-6.497-6.482-6.498-6.483c0 0-3.297 1.866-7.592 5.259c-4.398 3.385-9.772 8.299-14.89 14.311c-10.224 12.027-17.561 28.61-18.945 45.709c-1.432 17.095 3.043 34.701 10.97 48.305c3.988 6.804 8.38 12.566 12.087 16.654q.312.352.616.686c-.195 14.286 4.061 26.552 7.945 37.739c5.672 16.338 10.721 30.92 2.266 50.147c-.269.259-.527.522-.799.78c-10.35 10.07-21.216 20.071-32.17 30.072l-33.033 29.996a1276 1276 0 0 0-26.344 24.658c2.134-23.515 1.058-46.036-3.223-66.562a127 127 0 0 0 4.119-14.286c4.167-18.575 2.697-40.391-5.418-59.42c-8.061-19.052-22.714-35.336-38.808-45.41c-8.074-5.026-15.994-8.713-22.244-10.998c-6.147-2.328-10.572-3.275-10.573-3.275v-.001h-.001v.001s-2.473 3.842-5.155 9.872c-2.796 6.08-5.775 14.341-7.867 23.63c-4.167 18.574-2.697 40.391 5.418 59.42c8.061 19.051 22.715 35.336 38.808 45.41c8.074 5.026 15.994 8.713 22.245 10.998a93 93 0 0 0 7.442 2.468c2.45 20.276 1.825 42.298-1.869 65.094a697 697 0 0 0-17.513 18.719l-6.569 7.499l-1.611 1.844l-1.552 1.887l-3.066 3.731l-3.014 3.673c-1.001 1.209-1.986 2.415-2.914 3.661l-5.541 7.258c-.897 1.195-1.819 2.345-2.667 3.543l-2.509 3.563l-4.842 6.892c-.804 1.108-1.527 2.259-2.252 3.387l-2.144 3.338l-4.1 6.402c-2.566 4.202-4.794 8.259-6.922 11.964c-.528.94-1.051 1.813-1.525 2.769l-1.393 2.816c-.904 1.837-1.777 3.585-2.566 5.263l-2.255 4.751c-.76 1.561-1.169 2.727-1.671 3.927c-.964 2.349-1.725 4.371-2.366 6.001a199 199 0 0 0-1.866 5.04c-4.182 11.98 1.139 25.477 12.814 31.217c12.619 6.204 27.878 1.003 34.082-11.617c0 0 .826-1.679 2.276-4.868c.71-1.601 1.614-3.564 2.609-5.9c1.025-2.505 2.134-4.597 3.353-7.178c.622-1.271 1.234-2.63 1.888-4.051l.998-2.184c.347-.745.793-1.543 1.183-2.346l2.531-5.029c.898-1.731 1.715-3.58 2.723-5.417l3.136-5.686l1.636-2.976c.552-1.007 1.099-2.034 1.736-3.036l3.79-6.232l1.961-3.235c.664-1.09 1.414-2.154 2.129-3.25l4.435-6.695c.735-1.148 1.541-2.276 2.363-3.411l2.466-3.446l2.508-3.509l1.269-1.777l1.108-1.45c11.97 1.406 23.773 2.119 35.294 2.119c17.086 0 33.555-1.536 49.059-4.543c-.066.478-.097.747-.097.747s4.928 2.523 12.525 5.037c7.668 2.645 17.988 5.252 29.442 6.664c22.902 2.806 49.041-1.576 71.022-13.639c22.016-12 39.906-31.622 50.133-52.238c5.097-10.339 8.597-20.333 10.606-28.145c2.073-7.692 2.686-13.143 2.686-13.144h.001v-.001h-.001s-4.929-2.523-12.524-5.037c-7.668-2.645-17.988-5.252-29.442-6.664c-22.901-2.806-49.041 1.576-71.023 13.639c-22.015 12.001-39.905 31.622-50.133 52.238c-4.359 8.844-7.542 17.424-9.631 24.613c-23.47 5.324-49.671 6.896-77.109 4.506c6.183-7.654 12.805-15.52 19.966-23.45c9.107-10.178 18.8-20.579 28.932-31.116c10.094-10.565 20.54-21.235 30.93-32.153c10.382-10.922 20.768-21.935 30.75-33.126c2.524-2.753 4.949-5.624 7.409-8.409c2.449-2.8 4.894-5.573 7.25-8.423l7.07-8.421l.092-.115c10.244 1.471 20.033 2.161 29.404 2.161c25.865 0 48.593-5.181 69.24-13.167c4.961 1.558 11.195 3.02 18.018 3.861c15.669 1.919 33.552-1.078 48.591-9.331c15.062-8.21 27.302-21.634 34.299-35.739c3.487-7.074 5.882-13.911 7.256-19.256c1.418-5.258 1.838-8.987 1.838-8.989"/></svg>

How to use the Herb icon

React

import { Icon } from "@iconify/react";

<Icon icon="fxemoji:herb" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="fxemoji:herb" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="fxemoji:herb" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--herb]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:herb"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="fxemoji:herb"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/fxemoji/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. Firefox OS Emoji icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.

How do I use the Herb icon in React?

Install @iconify/react and render <Icon icon="fxemoji: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/fxemoji/herb.svg" alt="Herb icon">, or paste the SVG code inline to style it with CSS.

Browse all Firefox OS Emoji icons →