Globe 2 アイコン
fluent-mdl2:globe-2
Globe 2 アイコン(fluent-mdl2:globe-2)は、Fluent UI MDL2 セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 2048 × 2048 のグリッドで描かれています。 Fluent UI MDL2 icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent UI MDL2
- 作者
- Microsoft Corporation
- ライセンス
- MIT
- サイズ
- 2048 × 2048
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="2048" height="2048" viewBox="0 0 2048 2048"><path fill="currentColor" d="M1897 1572q0 26-19 45t-45 19q-15 0-31-10t-31-23t-28-29t-23-25q-106 94-232 151t-267 77v143h187v128H896v-128h197v-134q-134 0-257-34t-230-96t-196-149t-150-194t-97-230t-35-257q0-177 61-337t176-295q-9-8-18-17t-18-19t-14-21t-6-25q0-26 19-45t45-19q27 0 46 19l222 221q95-78 209-119t238-41q97 0 187 25t168 71t143 110t110 142t71 169t25 187q0 123-41 237t-119 210l246 247q19 19 19 46M512 832q0 81 23 161l129-130q-37-55-66-113t-49-122q-37 100-37 204m244-431q-51 0-75 24t-24 76q0 33 9 69t23 71t32 69t36 61l270-270q-28-18-61-36t-69-32t-71-23t-70-9m663 492l-270 270q28 18 61 35t68 32t72 24t69 9q52 0 76-24t24-76q0-33-9-69t-23-71t-32-69t-36-61m-376 195l301-301q-95-116-211-211L832 877q95 116 211 211M741 967l-152 153q38 66 91 119t120 92l153-152q-117-95-212-212m316 289l-130 129q80 23 161 23q104 0 204-37q-63-20-121-49t-114-66m570-220q37-100 37-204q0-81-23-161l-129 130q37 55 66 113t49 122m-40-492q-38-66-91-119t-120-92l-153 152q117 95 212 212zm-338-265q-80-23-161-23q-104 0-204 37q63 20 121 49t114 66zm-161 1379q149 0 288-51t253-149l-87-87q-97 80-212 122t-242 43q-97 0-187-25t-168-71t-143-110t-110-142t-71-169t-25-187q0-127 42-242t123-212l-93-93q-97 114-148 253t-52 289q0 115 29 221t84 198t130 168t168 130t199 84t222 30"/></svg>Globe 2 アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-mdl2:globe-2" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-mdl2:globe-2" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-mdl2:globe-2" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-mdl2--globe-2]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-mdl2 -->
<div class="i-fluent-mdl2:globe-2"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-mdl2:globe-2"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-mdl2/globe-2.svg" alt="Globe 2 アイコン" width="24" height="24">Fluent UI MDL2 の関連アイコン
他のアイコンセットの Globe 2 アイコン
Globe 2 アイコン のよくある質問
Globe 2 アイコンは商用利用でも無料ですか?
はい。Fluent UI MDL2 icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Globe 2 アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-mdl2:globe-2" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Globe 2 アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-mdl2/globe-2.svg" alt="Globe 2 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。