ICONYZ
Bahasa Indonesia
Ikon Flight dari Material Symbols Light

Ikon Flight

material-symbols-light:flight

Ikon Flight (material-symbols-light:flight) adalah ikon SVG gratis dari set Material Symbols Light karya Google. Ikon ini digambar pada grid 24 × 24. Material Symbols Light icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon
Material Symbols Light
Pembuat
Google
Lisensi
Apache-2.0
Ukuran
24 × 24
Kategori
Transportasi umum
Tag
ai, air, aircraft, airplane, airplanes, airport, artificial intelligence, automation, clover, flights, fly, flying, genai, intelligence, magic, mode
Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M7.712 21v-1.538l2.846-2.004v-4.331L3 16.173v-1.961l7.558-5.331V4.442q0-.594.424-1.018T12 3t1.018.424t.424 1.018v4.439L21 14.21v1.962l-7.558-3.046v4.33l2.827 2.005V21L12 19.692z"/></svg>

Cara memakai ikon Flight

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light: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-light:flight"></iconify-icon>

Gambar HTML

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

Ikon terkait di Material Symbols Light

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

Ikon Flight di set ikon lain

Ikon Flight dari Material Symbols
Material Symbols
 Ikon Flight dari Pico-icon
Pico-icon
 Ikon Flight dari SVG Logos
SVG Logos

FAQ Ikon Flight

Apakah ikon Flight gratis untuk penggunaan komersial?

Ya. Material Symbols Light icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Flight di React?

Pasang @iconify/react lalu render <Icon icon="material-symbols-light:flight" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Flight ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/material-symbols-light/flight.svg" alt="Ikon Flight">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon Material Symbols Light →