Multiple Airports Rounded アイコン
material-symbols-light:multiple-airports-rounded
Multiple Airports Rounded アイコン(material-symbols-light:multiple-airports-rounded)は、Material Symbols Light セットの無料 SVG アイコンです(作者: Google)。 24 × 24 のグリッドで描かれています。 Material Symbols Light icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Material Symbols Light
- 作者
- ライセンス
- Apache-2.0
- サイズ
- 24 × 24
- カテゴリ
- 地図
- タグ
- multipleairports、airportsrounded、multipleairportsrounded、airport
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m10.212 13.77l1.163.38q.112.05.195-.021q.084-.071.084-.183v-.123q0-.044-.087-.173l-.913-.611v-2.962l2.93.979q.124.05.222-.037t.098-.21v-.097q0-.05-.123-.203l-3.127-1.855V6.3q0-.184-.129-.338t-.313-.154q-.19 0-.317.154q-.126.154-.126.338v2.354l-3.121 1.85q-.056.025-.129.233v.036q0 .154.104.234t.252.024l2.894-.954v2.962l-.888.611q-.012.006-.112.198v.043q0 .142.09.213q.089.071.226.021zM15.054 21q-.202 0-.342-.137q-.14-.138-.14-.34q0-.084.026-.179q.027-.094.1-.167q1.939-2.165 3.601-4.727t1.663-5.154q0-1.821-.61-3.569t-1.64-2.943q-.068-.067-.092-.136t-.024-.154q0-.213.14-.354t.355-.14q.123 0 .224.046q.1.046.168.139q1.054 1.211 1.766 3.03q.713 1.82.713 4.081q0 2.795-1.69 5.425t-3.806 5.056q-.068.092-.178.158q-.111.065-.234.065m-5.427-.54q-.235-.077-.433-.25q-1.067-.981-2.163-2.176q-1.096-1.194-1.991-2.493q-.896-1.299-1.468-2.632T3 10.296q0-3.173 2.066-5.234Q7.133 3 10.096 3t5.03 2.062t2.066 5.234q0 2.031-1.527 4.479q-1.528 2.448-4.648 5.416q-.198.173-.442.259t-.479.087t-.469-.077"/></svg>Multiple Airports Rounded アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols-light:multiple-airports-rounded" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols-light:multiple-airports-rounded" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols-light:multiple-airports-rounded" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--multiple-airports-rounded]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:multiple-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:multiple-airports-rounded"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/material-symbols-light/multiple-airports-rounded.svg" alt="Multiple Airports Rounded アイコン" width="24" height="24">Material Symbols Light の関連アイコン
他のアイコンセットの Multiple Airports Rounded アイコン
Multiple Airports Rounded アイコン のよくある質問
Multiple Airports Rounded アイコンは商用利用でも無料ですか?
はい。Material Symbols Light icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Multiple Airports Rounded アイコンを使うには?
@iconify/react をインストールして <Icon icon="material-symbols-light:multiple-airports-rounded" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Multiple Airports Rounded アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/material-symbols-light/multiple-airports-rounded.svg" alt="Multiple Airports Rounded アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。