Ikon In Flight
icon-park:in-flight
Ikon In Flight (icon-park:in-flight) adalah ikon SVG gratis dari set IconPark karya ByteDance. Ikon ini digambar pada grid 48 × 48. IconPark 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
- IconPark
- Pembuat
- ByteDance
- Lisensi
- Apache-2.0
- Ukuran
- 48 × 48
- Kategori
- Perjalanan
- Tag
- inflight
Kode 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>
Cara memakai ikon 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>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/icon-park/in-flight.svg" alt="Ikon In Flight" width="24" height="24">
Ikon In Flight di set ikon lain
FAQ Ikon In Flight
Apakah ikon In Flight gratis untuk penggunaan komersial?
Ya. IconPark icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon In Flight di React?
Pasang @iconify/react lalu render <Icon icon="icon-park:in-flight" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon In Flight ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/icon-park/in-flight.svg" alt="Ikon In Flight">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Ikon IconPark →
ICONYZ
