Airplane Takeoff Duotone アイコン
ph:airplane-takeoff-duotone
Airplane Takeoff Duotone アイコン(ph:airplane-takeoff-duotone)は、Phosphor セットの無料 SVG アイコンです(作者: Phosphor Icons)。 256 × 256 のグリッドで描かれています。 Phosphor icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Phosphor
- 作者
- Phosphor Icons
- ライセンス
- MIT
- サイズ
- 256 × 256
- タグ
- vehicles、airports、flights、flying、planes、transit、transportation、traveling、departure、airplanetakeoff、takeoffduotone、airplanetakeoffduotone
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><g fill="currentColor"><path d="m240 91.64l-147.41 88a32 32 0 0 1-38-4.32L18.53 140a8 8 0 0 1 2.32-13.19l3.15-1.54L55.79 136L88 116.51L58.65 88a8 8 0 0 1 2.2-13.3L68 72l57.53 21.17l54.84-32.75a32 32 0 0 1 41 7.32Z" opacity=".2"/><path d="M176 216a8 8 0 0 1-8 8H24a8 8 0 0 1 0-16h144a8 8 0 0 1 8 8m71.86-122.85a8 8 0 0 1-3.76 5.39l-147.41 88a40.2 40.2 0 0 1-20.26 5.52a39.78 39.78 0 0 1-27.28-10.87l-.12-.12L13 145.8a16 16 0 0 1 4.49-26.21l3-1.47a8 8 0 0 1 6.08-.4l28.26 9.54L75 115.06L53.17 93.87A16 16 0 0 1 57.7 67.4l.32-.13l7.15-2.71a8 8 0 0 1 5.59 0l53.94 19.82l51.57-30.78a39.82 39.82 0 0 1 51.28 9.12l.12.15l18.64 23.89a8 8 0 0 1 1.55 6.39m-19.74-3.7l-13-16.67a23.88 23.88 0 0 0-30.68-5.42l-54.8 32.72a8.06 8.06 0 0 1-6.87.64L68 80.58l-4 1.53l.21.2l29.36 28.49a8 8 0 0 1-1.43 12.58l-32.21 19.49a8 8 0 0 1-6.7.73l-28.67-9.67l-.19.1l-.37.17a.7.7 0 0 1 .13.12l36 35.26a23.85 23.85 0 0 0 28.42 3.18Z"/></g></svg>Airplane Takeoff Duotone アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="ph:airplane-takeoff-duotone" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ph:airplane-takeoff-duotone" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ph:airplane-takeoff-duotone" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ph--airplane-takeoff-duotone]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ph -->
<div class="i-ph:airplane-takeoff-duotone"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ph:airplane-takeoff-duotone"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/ph/airplane-takeoff-duotone.svg" alt="Airplane Takeoff Duotone アイコン" width="24" height="24">Phosphor の関連アイコン
airplane
airplane-bold
airplane-duotone
airplane-fill
airplane-in-flight
airplane-in-flight-bold
airplane-in-flight-duotone
airplane-in-flight-fill
airplane-in-flight-light
airplane-in-flight-thin
airplane-landing
airplane-landing-bold
airplane-landing-duotone
airplane-landing-fill
airplane-landing-light
airplane-landing-thin
airplane-light
airplane-takeoff
airplane-takeoff-bold
airplane-takeoff-fill
airplane-takeoff-light
airplane-takeoff-thin
airplane-taxiing
airplane-taxiing-bold
Airplane Takeoff Duotone アイコン のよくある質問
Airplane Takeoff Duotone アイコンは商用利用でも無料ですか?
はい。Phosphor icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Airplane Takeoff Duotone アイコンを使うには?
@iconify/react をインストールして <Icon icon="ph:airplane-takeoff-duotone" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Airplane Takeoff Duotone アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/ph/airplane-takeoff-duotone.svg" alt="Airplane Takeoff Duotone アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。