ICONYZ
日本語
Material Symbols Light の Connecting Airports Rounded アイコン

Connecting Airports Rounded アイコン

material-symbols-light:connecting-airports-rounded

Connecting Airports Rounded アイコン(material-symbols-light:connecting-airports-rounded)は、Material Symbols Light セットの無料 SVG アイコンです(作者: Google)。 24 × 24 のグリッドで描かれています。 Material Symbols Light icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Material Symbols Light
作者
Google
ライセンス
Apache-2.0
サイズ
24 × 24
カテゴリ
地図
タグ
air、aircraft、airplane、airplanes、airport、flight、flights、fly、flying、mode、on、plane、planes、signal、transportation、travel
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M7.599 13.442q-.249 0-.377-.2q-.128-.201-.049-.44l1.598-4.11H5.038L3.887 10.44q-.059.078-.142.118t-.174.04h-.08q-.183 0-.297-.14t-.047-.328l.7-2.398l-.712-2.49q-.042-.158.05-.276t.241-.119h.178q.083 0 .147.041t.106.111L5.039 6.75H8.77L7.136 2.548q-.073-.194.052-.371T7.526 2h.188q.1 0 .178.049q.08.049.146.128l3.22 4.573h3.146q.409 0 .695.287t.286.697t-.286.684t-.695.274h-3.146l-3.194 4.562q-.068.085-.173.137q-.106.051-.218.051zM16.306 22q-.1 0-.179-.049t-.146-.128l-3.22-4.573H9.617q-.41 0-.695-.283q-.286-.283-.286-.687t.286-.689t.695-.283h3.146l3.219-4.574q.067-.078.15-.127t.179-.05h.186q.211 0 .336.177q.124.177.05.372l-1.634 4.202h3.733l1.182-1.752q.043-.07.108-.111t.14-.041h.176q.165 0 .252.118q.088.118.045.276l-.711 2.49l.711 2.471q.043.158-.048.276t-.242.119h-.178q-.083 0-.147-.041t-.105-.111L18.98 17.25h-3.733l1.635 4.202q.073.194-.052.371t-.338.177z"/></svg>

Connecting Airports Rounded アイコンの使い方

React

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

<Icon icon="material-symbols-light:connecting-airports-rounded" width="24" />

Vue

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

<template>
  <Icon icon="material-symbols-light:connecting-airports-rounded" width="24" />
</template>

Svelte

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

<Icon icon="material-symbols-light:connecting-airports-rounded" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--connecting-airports-rounded]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:connecting-airports-rounded"></div>

Web コンポーネント

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

<iconify-icon icon="material-symbols-light:connecting-airports-rounded"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/material-symbols-light/connecting-airports-rounded.svg" alt="Connecting Airports Rounded アイコン" width="24" height="24">

Material Symbols Light の関連アイコン

他のアイコンセットの Connecting Airports Rounded アイコン

Connecting Airports Rounded アイコン のよくある質問

Connecting Airports Rounded アイコンは商用利用でも無料ですか?

はい。Material Symbols Light icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。

React で Connecting Airports Rounded アイコンを使うには?

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

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

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

Material Symbols Light アイコン をすべて見る →