Flight icon
logos:flight
The Flight icon (logos:flight) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 256 × 353 grid. SVG Logos icons are released under the CC0 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
- SVG Logos
- Author
- Gil Barbara
- License
- CC0-1.0
- Size
- 256 × 353
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="353" viewBox="0 0 256 353"><path fill="#00acee" d="M0 213.753c2.182-44.28 22.487-83.376 65.448-108.665C125.266 69.876 185.622 35.578 245.706.818c2.486-1.437 3.21-1.024 4.222 1.585c14.476 37.33.561 76.781-25.458 99.94c-2.263 2.014-4.82 3.62-7.444 5.135q-46.909 27.059-93.792 54.158c-4.467 2.582-6.704 6.86-6.007 11.226c.762 4.775 4.62 8.731 9.374 9.595c3.068.557 5.673-.695 8.211-2.16q45.996-26.545 91.987-53.093c2.916-1.684 5.88-3.29 8.724-5.087c1.641-1.038 2.346-.674 2.99 1.063c4.486 12.123 6.884 24.596 5.991 37.543c-1.958 28.376-14.332 51.273-37.586 67.571c-11.176 7.834-23.537 13.978-35.371 20.87c-5.317 3.096-10.506 6.463-16.022 9.156c-12.522 6.114-18.594 16.866-21.363 29.696c-5.728 26.537 15.291 51.943 42.454 51.71c1.5-.012 2.998-.27 4.495-.435c1.334-.148 2.378.382 2.724 1.628c.327 1.175-.49 2.005-1.54 2.398c-3.468 1.3-6.913 2.695-10.453 3.768C102.34 368.16 27.035 327.95 5.905 258.501C1.957 245.52.31 232.194 0 213.753"/></svg>How to use the Flight icon
React
import { Icon } from "@iconify/react";
<Icon icon="logos:flight" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:flight" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:flight" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--flight]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:flight"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:flight"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/logos/flight.svg" alt="Flight icon" width="24" height="24">Flight icon in other icon sets
Flight icon FAQ
Is the Flight icon free for commercial use?
Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.
How do I use the Flight icon in React?
Install @iconify/react and render <Icon icon="logos:flight" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Flight icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/flight.svg" alt="Flight icon">, or paste the SVG code inline to style it with CSS.