Home/Libraries/OpenMoji (Iconify)/fly

OpenMoji (Iconify)

Fly

License: CC-BY-SA-4.0

ICON SIZE

STROKE WEIGHT1.5px

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" 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="#818cf8" stroke-linecap="round" stroke-width="1.5"><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>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. FlyIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC-BY-SA-4.0** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.