Иконка In Flight

icon-park:in-flight

Иконка In Flight (icon-park:in-flight) — бесплатная SVG-иконка из набора IconPark от ByteDance. Она нарисована на сетке 48 × 48. IconPark icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: IconPark
Автор: ByteDance
Лицензия: Apache-2.0
Размер: 48 × 48
Категория: Путешествия
Теги: inflight

Скачать SVG

Код 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>

Как использовать иконку 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>

Веб-компонент

<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>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/icon-park/in-flight.svg" alt="Иконка In Flight" width="24" height="24">

Иконка In Flight в других наборах

Вопросы и ответы: Иконка In Flight

Можно ли бесплатно использовать иконку In Flight в коммерческих проектах?

Да. IconPark icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку In Flight в React?

Установите @iconify/react и выведите <Icon icon="icon-park:in-flight" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку In Flight на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/icon-park/in-flight.svg" alt="Иконка In Flight">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки IconPark →