Ícone In Flight
icon-park:in-flight
O ícone In Flight (icon-park:in-flight) é um ícone SVG gratuito da coleção IconPark de ByteDance. Ele é desenhado em uma grade de 48 × 48. IconPark icons são publicados sob a licença Apache 2.0, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- IconPark
- Autor
- ByteDance
- Licença
- Apache-2.0
- Tamanho
- 48 × 48
- Categoria
- Viagens
- Tags
- inflight
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-linecap="round" stroke-width="4"><path d="M12 40C12 32.8203 17.3726 27 24 27C30.6274 27 36 32.8203 36 40"/><path d="M13 37C13 38 15.5 39 17 38C18.5 37 18.9597 34.495 20.4997 34.9262C22.0396 35.3574 22 38.5 24 40C26 41.5 29.5 41 31 38.5C32.5 36 30.9207 35.325 32.0612 33.7031C32.8215 32.6219 33.7919 32.8871 34 33"/><path stroke-linejoin="round" d="M23 21H25"/><path stroke-linejoin="round" d="M32.1514 22.4702L33.8475 23.53"/><path stroke-linejoin="round" d="M14.1514 23.53L15.8475 22.4701"/><path stroke-linejoin="round" d="M39.0586 28.134L40.0586 29.8661"/><path stroke-linejoin="round" d="M8.05859 29.8661L9.05859 28.134"/><path stroke-linejoin="round" d="M41.8945 37.0056L42.1036 38.9946"/><path stroke-linejoin="round" d="M4.89453 38.9946L5.10359 37.0056"/><path d="M42.0003 10L9 18"/><path fill="#2F88FF" stroke-linejoin="round" d="M16 7L29 13L17 16L12 9L16 7Z"/><path stroke-linejoin="round" d="M9 18L6 14"/></g></svg>
Como usar o ícone In Flight
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:in-flight" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:in-flight" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:in-flight" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--in-flight]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:in-flight"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:in-flight"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/icon-park/in-flight.svg" alt="Ícone In Flight" width="24" height="24">
Ícones relacionados em IconPark
O ícone In Flight em outras coleções
Perguntas frequentes sobre Ícone In Flight
O ícone In Flight é grátis para uso comercial?
Sim. IconPark icons são publicados sob a licença Apache 2.0, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone In Flight no React?
Instale @iconify/react e renderize <Icon icon="icon-park:in-flight" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone In Flight a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/icon-park/in-flight.svg" alt="Ícone In Flight">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Ícones IconPark →
ICONYZ
