Icono In Flight
icon-park:in-flight
El icono In Flight (icon-park:in-flight) es un icono SVG gratuito de la colección IconPark de ByteDance. Está dibujado en una cuadrícula de 48 × 48. IconPark icons se publican bajo la licencia Apache 2.0, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- IconPark
- Autor
- ByteDance
- Licencia
- Apache-2.0
- Tamaño
- 48 × 48
- Categoría
- Viajes
- Etiquetas
- 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>
Cómo usar el icono 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>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/icon-park/in-flight.svg" alt="Icono In Flight" width="24" height="24">
Iconos relacionados en IconPark
El icono In Flight en otras colecciones
Preguntas frecuentes sobre Icono In Flight
¿El icono In Flight es gratis para uso comercial?
Sí. IconPark icons se publican bajo la licencia Apache 2.0, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono In Flight en React?
Instala @iconify/react y renderiza <Icon icon="icon-park:in-flight" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono In Flight a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/icon-park/in-flight.svg" alt="Icono In Flight">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Iconos IconPark →
ICONYZ
