Mapleleaf icon
fxemoji:mapleleaf
The Mapleleaf icon (fxemoji:mapleleaf) 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="#F4580B" d="M477.708 280.089c-10.909-2.152-28.504-6.238-26.553-9.882c0 0 8.642-49.927 11.543-66.746c.465-2.696-1.9-4.953-4.593-4.476l-66.358 11.746c-3.268 1.759-6.746-14.548-8.612-24.993c-.628-3.512-4.902-4.855-7.428-2.336c-10 9.973-24.305 24.267-39.209 39.428c1.095-58.606 1.567-120.438 1.714-143.423c.025-3.919-4.326-6.22-7.581-4.037c-10.178 6.824-27.072 17.351-28.392 12.991c0 0-32.171-45.638-43.016-61.005c-1.738-2.463-5.34-2.379-7.068.091l-42.556 60.861c-1.175 3.917-16.592-6.079-26.187-12.765c-3.226-2.248-7.603.036-7.608 3.968c-.031 23.192-.036 85.471.64 144.272c-15.24-15.515-29.937-30.2-40.147-40.382c-2.526-2.52-6.801-1.177-7.428 2.336c-1.867 10.446-5.345 26.752-8.612 24.993l-66.358-11.746c-2.694-.477-5.058 1.781-4.593 4.476c2.901 16.819 11.543 66.746 11.543 66.746c1.951 3.645-15.644 7.73-26.553 9.882c-3.489.688-4.805 4.956-2.274 7.455c29.903 29.521 99.523 97.073 114.282 104.934c13.252 7.059 29.12 7.579 43.714 5.509L164.8 423.201c-5.439 5.439-.048 14.545 7.336 12.394l82.796-24.126a7.43 7.43 0 0 1 4.138-.006l75.674 24.287c7.646 2.203 12.941-7.526 6.939-12.75l-18.529-24.853c14.268 1.877 29.645 1.202 42.544-5.669c14.759-7.861 84.379-75.413 114.282-104.934c2.533-2.499 1.217-6.767-2.272-7.455"/><path fill="#FF6F1F" d="M256.161 482.249a9.513 9.513 0 0 1-9.513-9.504l-.161-176.327c-.005-5.254 4.25-9.517 9.504-9.521H256a9.513 9.513 0 0 1 9.513 9.504l.161 176.327c.005 5.254-4.25 9.517-9.504 9.521z"/></svg>How to use the Mapleleaf icon
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:mapleleaf" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:mapleleaf" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:mapleleaf" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--mapleleaf]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:mapleleaf"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:mapleleaf"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/fxemoji/mapleleaf.svg" alt="Mapleleaf icon" width="24" height="24">Mapleleaf icon FAQ
Is the Mapleleaf 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 Mapleleaf icon in React?
Install @iconify/react and render <Icon icon="fxemoji:mapleleaf" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Mapleleaf icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fxemoji/mapleleaf.svg" alt="Mapleleaf icon">, or paste the SVG code inline to style it with CSS.