Plane Takeoff 20 Bold アイコン

Q: Plane Takeoff 20 Bold アイコンは商用利用でも無料ですか?

はい。Energy Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

energy-icons:plane-takeoff-20-bold

Plane Takeoff 20 Bold アイコン(energy-icons:plane-takeoff-20-bold)は、Energy Icons セットの無料 SVG アイコンです（作者: Sam Passmore）。 20 × 20 のグリッドで描かれています。 Energy Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Energy Icons
作者: Sam Passmore
ライセンス: MIT
サイズ: 20 × 20
タグ: planetakeoff、takeoffbold、planetakeoffbold

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path fill="currentColor" d="M14.819 3.634a.626.626 0 0 1 .644.764l-.366 1.584a.63.63 0 0 1-.207.338l-2.205 1.85l1.064 5.039a.63.63 0 0 1-.21.608l-.996.833a.627.627 0 0 1-.967-.214l-1.794-3.83l-1.634 1.372l.04 1.779a.63.63 0 0 1-.222.492l-.746.629a.625.625 0 0 1-.965-.204L5.15 12.402l-2.041-1.48a.627.627 0 0 1-.036-.983l.746-.63l.056-.042a.63.63 0 0 1 .471-.093l1.746.352l1.635-1.374L4.262 5.72a.626.626 0 0 1-.042-.991l.996-.833l.07-.051a.63.63 0 0 1 .564-.05l4.776 1.923l2.206-1.847a.63.63 0 0 1 .366-.145zM13.475 4.96l-2.331 1.956a.63.63 0 0 1-.636.1L5.73 5.096l-.083.07l3.462 2.432a.626.626 0 0 1 .044.989l-2.488 2.092a.63.63 0 0 1-.526.134l-1.46-.295l1.33.965l.059.048a.6.6 0 0 1 .136.184l.72 1.48l-.032-1.488a.63.63 0 0 1 .223-.493l2.487-2.088a.626.626 0 0 1 .968.214l1.794 3.83l.085-.07l-1.065-5.036a.63.63 0 0 1 .21-.609l2.332-1.957l.131-.568zm4.858 11.915a.625.625 0 1 1 0 1.25H1.667a.625.625 0 1 1 0-1.25z"/></svg>

Plane Takeoff 20 Bold アイコンの使い方

React

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

<Icon icon="energy-icons:plane-takeoff-20-bold" width="24" />

Vue

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

<template>
  <Icon icon="energy-icons:plane-takeoff-20-bold" width="24" />
</template>

Svelte

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

<Icon icon="energy-icons:plane-takeoff-20-bold" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[energy-icons--plane-takeoff-20-bold]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/energy-icons -->
<div class="i-energy-icons:plane-takeoff-20-bold"></div>

Web コンポーネント

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

<iconify-icon icon="energy-icons:plane-takeoff-20-bold"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/energy-icons/plane-takeoff-20-bold.svg" alt="Plane Takeoff 20 Bold アイコン" width="24" height="24">

Energy Icons の関連アイコン

Plane Takeoff 20 Bold アイコンのよくある質問

Plane Takeoff 20 Bold アイコンは商用利用でも無料ですか?

はい。Energy Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Plane Takeoff 20 Bold アイコンを使うには?

@iconify/react をインストールして <Icon icon="energy-icons:plane-takeoff-20-bold" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Plane Takeoff 20 Bold アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/energy-icons/plane-takeoff-20-bold.svg" alt="Plane Takeoff 20 Bold アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Energy Icons をすべて見る →