Plane Landing アイコン
hugeicons:plane-landing
Plane Landing アイコン(hugeicons:plane-landing)は、Huge Icons セットの無料 SVG アイコンです（作者: Hugeicons）。 24 × 24 のグリッドで描かれています。 Huge Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Huge Icons
- 作者
- Hugeicons
- ライセンス
- MIT
- サイズ
- 24 × 24
- タグ
- planelanding
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M7.406 8.145c.545.153.818.23 1.01.213a1 1 0 0 0 .91-.85c.024-.185-.044-.444-.18-.962l-.57-2.168a3 3 0 0 1-.062-.255c-.1-.652.48-1.21 1.154-1.111c.05.007.122.025.263.06c.196.05.294.074.387.102a5.05 5.05 0 0 1 2.803 2.045c.053.08.104.164.207.332l2.365 3.892c.35.576.526.865.781 1.077q.074.061.154.116c.275.187.607.28 1.271.468l1.557.44c.334.093.501.14.646.198c1.039.409 1.76 1.338 1.875 2.416c.016.151.016.32.016.656c0 .187 0 .28-.011.352c-.081.528-.585.895-1.132.826a3 3 0 0 1-.353-.086l-14.13-3.897c-2.13-.587-3.194-.88-3.806-1.652a3 3 0 0 1-.16-.224c-.535-.823-.448-1.89-.274-4.025l.072-.893c.022-.272.033-.408.065-.51c.145-.458.61-.748 1.102-.685c.109.014.241.06.507.154c.249.087.373.13.484.185c.485.239.85.656 1.013 1.158c.037.115.061.24.109.493l.02.103c.071.378.107.566.173.733c.18.458.53.833.983 1.053c.165.08.36.136.751.246" clip-rule="evenodd"/><path d="M20.493 21h-16.5"/></g></svg>Plane Landing アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="hugeicons:plane-landing" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="hugeicons:plane-landing" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="hugeicons:plane-landing" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[hugeicons--plane-landing]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/hugeicons -->
<div class="i-hugeicons:plane-landing"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="hugeicons:plane-landing"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/hugeicons/plane-landing.svg" alt="Plane Landing アイコン" width="24" height="24">Huge Icons の関連アイコン
他のアイコンセットの Plane Landing アイコン
Plane Landing アイコン のよくある質問
Plane Landing アイコンは商用利用でも無料ですか?
はい。Huge Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Plane Landing アイコンを使うには?
@iconify/react をインストールして <Icon icon="hugeicons:plane-landing" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Plane Landing アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/hugeicons/plane-landing.svg" alt="Plane Landing アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。