ICONYZ
Español
Icono Flight de Material Symbols

Icono Flight

material-symbols:flight

El icono Flight (material-symbols:flight) es un icono SVG gratuito de la colección Material Symbols de Google. Está dibujado en una cuadrícula de 24 × 24. Material Symbols 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
Material Symbols
Autor
Google
Licencia
Apache-2.0
Tamaño
24 × 24
Categoría
Transporte público
Etiquetas
ai, air, aircraft, airplane, airplanes, airport, artificial intelligence, automation, clover, flights, fly, flying, genai, intelligence, magic, mode
Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M7 22v-2.5l3-2.1v-3.6L2 17v-3l8-5.6V4q0-.825.588-1.412T12 2t1.413.588T14 4v4.4l8 5.6v3l-8-3.2v3.6l3 2.1V22l-5-1.5z"/></svg>

Cómo usar el icono Flight

React

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

<Icon icon="material-symbols:flight" width="24" />

Vue

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

<template>
  <Icon icon="material-symbols:flight" width="24" />
</template>

Svelte

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

<Icon icon="material-symbols:flight" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols--flight]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/material-symbols -->
<div class="i-material-symbols:flight"></div>

Web component

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

<iconify-icon icon="material-symbols:flight"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/material-symbols/flight.svg" alt="Icono Flight" width="24" height="24">

Iconos relacionados en Material Symbols

Icono flight-class
flight-class
 Icono flight-class-outline
flight-class-outline
 Icono flight-class-outline-rounded
flight-class-outline-rounded
 Icono flight-class-outline-sharp
flight-class-outline-sharp
 Icono flight-class-rounded
flight-class-rounded
 Icono flight-class-sharp
flight-class-sharp
 Icono flight-land
flight-land
 Icono flight-land-rounded
flight-land-rounded
 Icono flight-rounded
flight-rounded
 Icono flight-takeoff
flight-takeoff
 Icono flight-takeoff-rounded
flight-takeoff-rounded
 Icono flights-and-hotels
flights-and-hotels
 Icono flights-and-hotels-outline
flights-and-hotels-outline
 Icono flights-and-hotels-outline-rounded
flights-and-hotels-outline-rounded
 Icono flights-and-hotels-outline-sharp
flights-and-hotels-outline-sharp
 Icono flights-and-hotels-rounded
flights-and-hotels-rounded
 Icono flights-and-hotels-sharp
flights-and-hotels-sharp

El icono Flight en otras colecciones

Icono Flight de Material Symbols Light
Material Symbols Light
 Icono Flight de Pico-icon
Pico-icon
 Icono Flight de SVG Logos
SVG Logos

Preguntas frecuentes sobre Icono Flight

¿El icono Flight es gratis para uso comercial?

Sí. Material Symbols icons se publican bajo la licencia Apache 2.0, que permite usarlos en proyectos personales y comerciales.

¿Cómo uso el icono Flight en React?

Instala @iconify/react y renderiza <Icon icon="material-symbols:flight" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Flight a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/material-symbols/flight.svg" alt="Icono Flight">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Iconos Material Symbols →