ICONYZ
English
Leaf Fluttering In Wind icon from OpenMoji

Leaf Fluttering In Wind icon

openmoji:leaf-fluttering-in-wind

The Leaf Fluttering In Wind icon (openmoji:leaf-fluttering-in-wind) is a free SVG icon from the OpenMoji set. It is drawn on a 72 × 72 grid. OpenMoji icons are released under the CC BY-SA 4.0 license, which allows use in personal and commercial projects as long as you credit the author and share changes to the icons under the same license. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set
OpenMoji
Author
OpenMoji
License
CC-BY-SA-4.0
Size
72 × 72
Category
Animals Nature
Tags
leaffluttering, flutteringin, inwind, leafflutteringinwind
Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#b1cc33" d="M28.919 27.91c8.152-6.828 20.773-4.925 20.773-4.925s-.6 12.836-8.624 19.455s-20.774 4.925-20.774 4.925s.473-12.627 8.625-19.455"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M29.63 27.91c8.152-6.828 20.773-4.925 20.773-4.925s-.599 12.836-8.624 19.455s-20.774 4.925-20.774 4.925s.473-12.627 8.625-19.455m24.456 10.633a10.25 10.25 0 0 1-1.58 4.74a11.32 11.32 0 0 1-7.901 4.741m14.221-6.321a10.25 10.25 0 0 1-1.58 4.74a11.32 11.32 0 0 1-7.901 4.741M17.74 30.642a10.25 10.25 0 0 1 1.58-4.741a11.32 11.32 0 0 1 7.902-4.741M13 27.481a10.25 10.25 0 0 1 1.58-4.74A11.32 11.32 0 0 1 22.481 18M18 50l2.901-2.976"/></svg>

How to use the Leaf Fluttering In Wind icon

React

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

<Icon icon="openmoji:leaf-fluttering-in-wind" width="24" />

Vue

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

<template>
  <Icon icon="openmoji:leaf-fluttering-in-wind" width="24" />
</template>

Svelte

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

<Icon icon="openmoji:leaf-fluttering-in-wind" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--leaf-fluttering-in-wind]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:leaf-fluttering-in-wind"></div>

Web component

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

<iconify-icon icon="openmoji:leaf-fluttering-in-wind"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/openmoji/leaf-fluttering-in-wind.svg" alt="Leaf Fluttering In Wind icon" width="24" height="24">

Related icons in OpenMoji

Leaf Fluttering In Wind icon in other icon sets

Leaf Fluttering In Wind icon FAQ

Is the Leaf Fluttering In Wind icon free for commercial use?

Yes. OpenMoji icons are released under the CC BY-SA 4.0 license, which allows use in personal and commercial projects as long as you credit the author and share changes to the icons under the same license.

How do I use the Leaf Fluttering In Wind icon in React?

Install @iconify/react and render <Icon icon="openmoji:leaf-fluttering-in-wind" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Leaf Fluttering In Wind icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/openmoji/leaf-fluttering-in-wind.svg" alt="Leaf Fluttering In Wind icon">, or paste the SVG code inline to style it with CSS.

Browse all OpenMoji icons →