Fallingleaf icon

fxemoji:fallingleaf

The Fallingleaf icon (fxemoji:fallingleaf) 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="#FF6F1F" d="M65.626 275.915c24.73-40.567 95.993-45.316 95.993-45.316v.001s59.854 38.435 61.967 85.899c2.376 53.333-29.429 108.345-69.039 142.152c6.61-5.615 18.958-16.081-.312.293c-4.655 3.934-3.429 2.886-.512.407c-11.274 9.489-32.144 22.034-46.151 30.076c-7.985 4.585-18.175 2.029-23.042-5.787c-8.621-13.846-21.22-35.069-26.552-48.888c1.361 3.578 1.93 5.087-.253-.604c-8.99-23.635-3.217-8.513-.132-.407c-18.408-48.714-19.756-112.242 8.033-157.826m297.505 88.144c-10.768-4.832-30.875-13.827.519.265c7.576 3.376 5.577 2.471.824.338c18.428 8.167 50.973 16.465 72.592 21.493c12.204 2.838 24.468-4.508 27.74-16.603c5.74-21.217 13.751-53.369 15.468-73.349c-.422 5.192-.593 7.38.101-.885c2.786-34.299.975-12.346.018-.582c5.583-70.645-16.747-154.184-70.353-203.218C362.335 47.879 267.757 68.49 267.757 68.49l-.001-.001s-64.003 73.142-48.764 135.975c17.124 70.6 79.551 130.434 144.139 159.595"/><path fill="#F4580B" d="M197.335 356.174a8.397 8.397 0 0 1-11.51-2.957l-32.904-55.658l-15.782 61.568l25.186 42.602a8.403 8.403 0 0 1-7.226 12.681a8.4 8.4 0 0 1-7.241-4.128l-16.624-28.119l-15.836 61.78a8.41 8.41 0 0 1-8.134 6.318c-.69 0-1.393-.086-2.092-.266a8.4 8.4 0 0 1-6.053-10.227l15.856-61.858l-28.205 16.676a8.397 8.397 0 0 1-11.51-2.957a8.403 8.403 0 0 1 2.957-11.51l42.657-25.218l15.764-61.499l-55.627 32.885a8.397 8.397 0 0 1-11.51-2.957a8.403 8.403 0 0 1 2.957-11.51l70.078-41.428l20.175-78.707a8.406 8.406 0 0 1 10.226-6.053a8.4 8.4 0 0 1 6.053 10.226l-20.165 78.666l41.466 70.141a8.4 8.4 0 0 1-2.956 11.509m235.77-123.697l-65.229-16.759l-44.058-74.429l85.219 21.895c.955.245 1.912.362 2.854.362c5.095 0 9.741-3.43 11.067-8.592c1.571-6.116-2.113-12.349-8.229-13.92l-107.394-27.592l-56.292-95.098c-3.217-5.434-10.231-7.233-15.665-4.015c-5.435 3.217-7.232 10.23-4.015 15.665l56.322 95.149l-27.567 107.296c-1.571 6.117 2.113 12.349 8.229 13.921c.955.245 1.912.362 2.854.362c5.095 0 9.741-3.43 11.067-8.592l21.883-85.171l44.009 74.347l-16.781 65.313c-1.571 6.116 2.113 12.349 8.229 13.921c.955.245 1.912.362 2.854.362c5.095 0 9.741-3.43 11.067-8.592l11.096-43.188l44.266 74.781a11.43 11.43 0 0 0 15.664 4.015c5.435-3.217 7.232-10.23 4.016-15.664l-44.21-74.687l43.054 11.062c.955.245 1.912.362 2.854.362c5.095 0 9.741-3.43 11.067-8.592c1.57-6.118-2.114-12.35-8.231-13.922"/></svg>

How to use the Fallingleaf icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

<img src="https://iconyz.com/api/public/svg/fxemoji/fallingleaf.svg" alt="Fallingleaf icon" width="24" height="24">

Fallingleaf icon FAQ

Is the Fallingleaf 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 Fallingleaf icon in React?

Install @iconify/react and render <Icon icon="fxemoji:fallingleaf" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Fallingleaf icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fxemoji/fallingleaf.svg" alt="Fallingleaf icon">, or paste the SVG code inline to style it with CSS.

Browse all Firefox OS Emoji icons →