Acorn icon
fxemoji:acorn
The Acorn icon (fxemoji:acorn) 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="M414.157 325.874a6.82 6.82 0 0 0-7.423 1.494c-.096.095-9.808 9.655-33.849 19.111c-40.413 15.896-89.364 19.233-123.312 19.233c-61.506 0-101.007-10.459-123.313-19.233c-24.041-9.456-33.753-19.017-33.819-19.082a6.797 6.797 0 0 0-11.667 4.742c0 55.071 75.295 121.585 168.799 121.585c93.503 0 168.798-66.514 168.798-121.585c0-2.749-1.672-5.213-4.214-6.265"/><path fill="#CE7E61" d="M87.572 332.14c0-191.062 162.002-259.028 162.002-259.028s162.002 62.681 162.002 259.028c0 0-36.2 58.149-162.002 58.149S87.572 332.14 87.572 332.14"/><path fill="#B96642" d="M306.819 140.777c-19.549-31.826-39.078-50.952-49.694-60.012c0-.022-.004-.044-.004-.065a7.6 7.6 0 0 0-.311-2.179c-.007-.023-.008-.047-.016-.07c-.008-.026-.021-.048-.029-.074a7.5 7.5 0 0 0-.858-1.835c-.041-.063-.091-.119-.134-.18q-.076-.106-.157-.21a8 8 0 0 0-.542-.646c-3.519-1.626-5.5-2.393-5.5-2.393s-4.564 1.916-12.152 6.002a7.6 7.6 0 0 0-.184 1.652c-10.616 9.061-30.145 28.186-49.694 60.012c-16.502 26.865-29.642 57.334-39.053 90.56c-11.629 41.055-17.561 86.47-17.651 134.997a182 182 0 0 0 13.295 6a7.52 7.52 0 0 0 1.801-4.888c0-47.287 5.686-91.47 16.898-131.321c8.95-31.811 21.425-60.954 37.077-86.621c11.743-19.257 23.556-33.662 33.118-43.768c-3.432 11.687-7.444 27.118-11.463 46.526c-9.477 45.769-20.774 123.399-20.774 233.31q.002.764.148 1.485q6.875.97 14.261 1.667c.442-.96.696-2.026.696-3.152c0-108.183 11.041-184.505 20.303-229.481c4.433-21.525 8.89-38.113 12.493-49.946c3.604 11.833 8.062 28.424 12.494 49.946c9.262 44.976 20.303 121.298 20.303 229.481c0 1.19.283 2.311.773 3.312c4.875-.435 9.577-.966 14.123-1.578a7.6 7.6 0 0 0 .208-1.734c0-109.91-11.297-187.541-20.774-233.31c-3.499-16.897-6.992-30.777-10.103-41.8c8.506 9.527 18.36 22.146 28.235 38.222c24.853 40.46 54.479 111.255 54.479 218.763a7.54 7.54 0 0 0 3.25 6.203a190 190 0 0 0 11.742-4.961c.067-.405.111-.818.111-1.242c0-48.946-5.941-94.739-17.659-136.108c-9.414-33.23-22.554-63.699-39.056-90.564"/></svg>How to use the Acorn icon
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:acorn" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:acorn" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:acorn" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--acorn]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:acorn"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:acorn"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/fxemoji/acorn.svg" alt="Acorn icon" width="24" height="24">Acorn icon in other icon sets
Acorn icon FAQ
Is the Acorn 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 Acorn icon in React?
Install @iconify/react and render <Icon icon="fxemoji:acorn" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Acorn icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fxemoji/acorn.svg" alt="Acorn icon">, or paste the SVG code inline to style it with CSS.