Airport アイコン

map:airport

Airport アイコン(map:airport)は、Map Icons セットの無料 SVG アイコンです（作者: Scott de Jonge）。 50 × 50 のグリッドで描かれています。 Map Icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Map Icons
作者: Scott de Jonge
ライセンス: OFL-1.1
サイズ: 50 × 50

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 50 50"><path fill="currentColor" d="M48.049 36.31c.523.169.951-.142.951-.692v-3.494c0-.55-.387-1.23-.859-1.512L29.859 19.717c-.472-.281-.859-.962-.859-1.511V6c0-.55-.168-1.417-.374-1.928c0 0-1.091-2.708-3-3.01A3.6 3.6 0 0 0 25.007 1h-.01a3.7 3.7 0 0 0-.713.072l-.216.048l-.328.102c-1.588.53-2.406 2.835-2.406 2.835A7 7 0 0 0 21 6v12.206c0 .55-.387 1.23-.859 1.512L1.859 30.612c-.472.282-.859.962-.859 1.512v3.494c0 .55.428.861.951.691l18.098-5.875c.523-.169.951.142.951.692v9.533c0 .55-.36 1.271-.8 1.601l-2.4 1.802c-.44.33-.8 1.051-.8 1.601V48c0 .55.433.876.961.724l6.075-1.745c.528-.152 1.394-.152 1.922 0l6.081 1.745c.528.152.961-.174.961-.724v-2.338c0-.55-.36-1.271-.8-1.601l-2.4-1.802c-.439-.33-.8-1.051-.8-1.601v-9.533c0-.55.428-.861.951-.691z"/></svg>

Airport アイコンの使い方

React

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

<Icon icon="map:airport" width="24" />

Vue

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

<template>
  <Icon icon="map:airport" width="24" />
</template>

Svelte

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

<Icon icon="map:airport" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[map--airport]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/map -->
<div class="i-map:airport"></div>

Web コンポーネント

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

<iconify-icon icon="map:airport"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/map/airport.svg" alt="Airport アイコン" width="24" height="24">

他のアイコンセットの Airport アイコン

Airport アイコンのよくある質問

Airport アイコンは商用利用でも無料ですか?

はい。Map Icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。

React で Airport アイコンを使うには?

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

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

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

Map Icons をすべて見る →