Airplane 24 Regular アイコン

Q: Airplane 24 Regular アイコンは商用利用でも無料ですか?

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

fluent:airplane-24-regular

Airplane 24 Regular アイコン(fluent:airplane-24-regular)は、Fluent UI System Icons セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 24 × 24 のグリッドで描かれています。 Fluent UI System Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Fluent UI System Icons
作者: Microsoft Corporation
ライセンス: MIT
サイズ: 24 × 24
タグ: airplaneregular

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M9.47 9.643L8.768 3.77l-.002-.074c0-.889.72-1.61 1.61-1.61c.802 0 1.545.42 1.977 1.135l.087.161l2.945 6.09l3.957-.117a2.6 2.6 0 0 1 2.672 2.53l.001.066a2.6 2.6 0 0 1-2.62 2.597l-3.963-.116l-2.992 6.188a2.29 2.29 0 0 1-2.065 1.295c-.889 0-1.609-.72-1.609-1.631l.007-.118l.707-5.908l-2.132-.063l-.27.736a1.95 1.95 0 0 1-1.827 1.278c-.876 0-1.586-.71-1.586-1.587v-.76l-.154-.032a1.92 1.92 0 0 1 0-3.758l.155-.032v-.76c0-.803.597-1.475 1.434-1.579l.151-.008c.745 0 1.423.426 1.765 1.127l.063.15l.27.736zm.906-6.057c-.06 0-.109.049-.11.087l.887 7.422l-4.84.141l-.628-1.715l-.032-.079c-.075-.152-.23-.25-.354-.251l-.058.002a.086.086 0 0 0-.075.085l.001 1.98l-1.35.282a.419.419 0 0 0 0 .821l1.35.281v1.98c0 .047.038.086.085.086a.45.45 0 0 0 .419-.293l.64-1.751l4.854.141l-.897 7.471v.03c0 .06.048.108.108.108a.79.79 0 0 0 .714-.448l3.415-7.063l4.914.144c.606 0 1.097-.491 1.097-1.086v-.043a1.097 1.097 0 0 0-1.13-1.064l-4.928.144l-3.351-6.932l-.053-.099a.79.79 0 0 0-.678-.381"/></svg>

Airplane 24 Regular アイコンの使い方

React

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

<Icon icon="fluent:airplane-24-regular" width="24" />

Vue

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

<template>
  <Icon icon="fluent:airplane-24-regular" width="24" />
</template>

Svelte

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

<Icon icon="fluent:airplane-24-regular" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent--airplane-24-regular]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fluent -->
<div class="i-fluent:airplane-24-regular"></div>

Web コンポーネント

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

<iconify-icon icon="fluent:airplane-24-regular"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/fluent/airplane-24-regular.svg" alt="Airplane 24 Regular アイコン" width="24" height="24">

Fluent UI System Icons の関連アイコン

Airplane 24 Regular アイコンのよくある質問

Airplane 24 Regular アイコンは商用利用でも無料ですか?

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

React で Airplane 24 Regular アイコンを使うには?

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

Airplane 24 Regular アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent/airplane-24-regular.svg" alt="Airplane 24 Regular アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Fluent UI System Icons をすべて見る →