Fly icon

openmoji:fly

The Fly icon (openmoji:fly) 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

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#3f3f3f" d="M40.245 32.918h-8.533c3.257 11.704-1.077 20.017-1.077 20.017l1.185 2.001c.51.853 2.324 3.636 4.18 3.636c1.846 0 3.716-2.772 4.245-3.621l1.189-1.898s-3.893-7.585-1.189-20.135"/><path fill="#d22f27" d="M29.977 22.873a5.08 5.08 0 1 1 5.146-5.08a5.12 5.12 0 0 1-5.146 5.08m5.863-5.098A5.161 5.161 0 1 1 41 22.842a5.12 5.12 0 0 1-5.16-5.067"/><path fill="#d0cfce" d="M17.695 60.055a7.8 7.8 0 0 1-3.901-.92a5.8 5.8 0 0 1-2.846-3.976c-.345-1.232-1.465-9.196 17.61-30.93a1.02 1.02 0 0 1 .924-.327a1 1 0 0 1 .759.62a63.5 63.5 0 0 1 3.473 13.932c.855 7.069-.155 12.478-2.93 15.968a11.25 11.25 0 0 1-4.22 3.27a22.4 22.4 0 0 1-8.869 2.363m36.599 0a22.4 22.4 0 0 1-8.867-2.363c-5.878-2.663-8.352-9.315-7.152-19.238a63.6 63.6 0 0 1 3.473-13.932a1 1 0 0 1 .758-.62a1.01 1.01 0 0 1 .925.326c19.075 21.735 17.955 29.7 17.61 30.931a5.8 5.8 0 0 1-2.846 3.976a7.8 7.8 0 0 1-3.901.92"/><path d="M35.51 34.595c-.025 0-.089-.002-.115-.004c-4.284-.204-6.819-4.484-7.504-12.722a4.44 4.44 0 0 1 1.01-3.284c1.916-2.29 5.842-2.406 6.61-2.406h.97c.767 0 4.693.117 6.609 2.406a4.44 4.44 0 0 1 1.01 3.283c-.688 8.24-3.224 12.52-7.534 12.725Z"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-width="2"><path stroke-linejoin="round" d="M39.396 54.421s-1.962 3.15-3.396 3.15s-3.322-3.15-3.322-3.15m-1.46-23.505c2.12 8.026 4.14 21.694-5.068 25.865c-13.309 6.028-14.224-1.844-14.224-1.844S9.405 47.58 29.272 24.932m11.541 5.83c-2.134 8.004-4.241 21.821 5.027 26.019c13.308 6.028 14.223-1.844 14.223-1.844s2.522-7.356-17.346-30.006m-16.703-5.833a4.167 4.167 0 1 1 8.112-1.795m10.854 1.795a4.167 4.167 0 1 0-8.11-1.795"/><path stroke-miterlimit="10" d="m29.469 54.421l.508 3.058l-4.102 6.328m16.799-9.221l-.48 2.893l4.101 6.328"/><path stroke-linejoin="round" d="M34.01 33.334a3.96 3.96 0 0 1-1.59-1.015c-1.91-1.745-3.095-5.268-3.533-10.534a3.46 3.46 0 0 1 .78-2.559c1.665-1.99 5.42-2.047 5.843-2.047h.97c.422 0 4.177.057 5.842 2.047a3.46 3.46 0 0 1 .78 2.56c-.438 5.256-1.62 8.777-3.524 10.525a5.9 5.9 0 0 1-1.598 1.023"/><path stroke-miterlimit="10" d="m15.545 15.444l4.213 8.444l6.688 4.341m29.881-12.785l-4.214 8.444l-6.61 4.291"/></g></svg>

How to use the Fly icon

React

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

<Icon icon="openmoji:fly" width="24" />

Vue

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

<template>
  <Icon icon="openmoji:fly" width="24" />
</template>

Svelte

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

<Icon icon="openmoji:fly" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="openmoji:fly"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/openmoji/fly.svg" alt="Fly icon" width="24" height="24">

Related icons in OpenMoji

Fly icon in other icon sets

Fly icon FAQ

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

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

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

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

Browse all OpenMoji icons →