Evergreen icon
fxemoji:evergreen
The Evergreen icon (fxemoji:evergreen) 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
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#8E6049" d="M228.098 496.142V306.945c0-15.81 12.82-28.645 28.637-28.645s28.637 12.835 28.637 28.645v189.198c0 15.81-57.274 15.81-57.274-.001"/><path fill="#2BA52E" d="M412.825 421.268c1.43-1.698 2.301-3.335 2.676-4.916c2.563-6.723 1.908-15.078-3.617-21.143c-21.531-23.634-44.487-57.102-66.321-92.913c9.214 2.209 18.281 3.768 26.828 4.854c12.743 1.62 20.205-16.615 10.834-26.9c-23.973-26.314-50.068-67.301-73.202-107.982c12.841 4.606 26.027 7.282 37.932 8.795c10.068 1.28 15.963-13.127 8.56-21.253c-31.795-34.901-68.311-102.454-90.546-146.707c-1.062-3.435-3.339-5.889-6.02-7.115a9.06 9.06 0 0 0-3.95-.884a9.06 9.06 0 0 0-3.95.884c-2.681 1.226-4.959 3.68-6.021 7.115c-22.235 44.253-58.75 111.806-90.546 146.707c-7.403 8.126-1.508 22.533 8.56 21.253c11.906-1.513 25.091-4.189 37.932-8.795c-23.133 40.681-49.229 81.668-73.202 107.982c-9.371 10.286-1.909 28.52 10.834 26.9c8.546-1.086 17.614-2.646 26.828-4.854c-21.834 35.811-44.789 69.279-66.321 92.913c-8.576 9.414-5.433 24.349 3.305 30.115c37.774 39.423 86.005 42.461 153.313 42.461c69.134 0 124.099-11.361 153.992-44.16a17.6 17.6 0 0 0 2.102-2.357"/></svg>How to use the Evergreen icon
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:evergreen" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:evergreen" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:evergreen" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--evergreen]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:evergreen"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:evergreen"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/fxemoji/evergreen.svg" alt="Evergreen icon" width="24" height="24">Evergreen icon in other icon sets
Evergreen icon FAQ
Is the Evergreen 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 Evergreen icon in React?
Install @iconify/react and render <Icon icon="fxemoji:evergreen" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Evergreen icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fxemoji/evergreen.svg" alt="Evergreen icon">, or paste the SVG code inline to style it with CSS.