Globe2 アイコン
reicon:globe2
Globe2 アイコン(reicon:globe2)は、Reicon セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Reicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M18.004 1.5a.75.75 0 0 1 1.058-.059a11.04 11.04 0 0 1 3.688 8.246c0 5.751-4.389 10.478-10 11.013v.55H14a.75.75 0 0 1 0 1.5h-4a.75.75 0 0 1 0-1.5h1.25v-.509a11.04 11.04 0 0 1-7.809-3.678a.75.75 0 1 1 1.118-1a9.54 9.54 0 0 0 7.128 3.187a9.563 9.563 0 0 0 9.563-9.563a9.54 9.54 0 0 0-3.188-7.128a.75.75 0 0 1-.059-1.06M7.221 5.97a6.25 6.25 0 0 0 5.065 10.273a3.38 3.38 0 0 1 .341-2.078c.488-.919 1.481-1.297 2.158-1.463a6.4 6.4 0 0 1 1.32-.177h.032c.75-.008 1.17-.183 1.418-.361c.249-.18.395-.415.502-.68l.03-.067A6.26 6.26 0 0 0 16.5 5.663a4.6 4.6 0 0 1-.441.949c-.211.332-.61.654-.917.883a7 7 0 0 1-.692.447c-.172.102-.32.191-.463.289c-.307.21-.531.427-.684.752a.4.4 0 0 0-.016.281c.058.221.099.471.1.728c.002 1.121-1.038 1.767-1.896 1.757c-1.985-.023-3.156-1.689-3.308-3.448c-.072-.836-.503-1.68-.962-2.331m1.106-1.03c.59.797 1.24 1.96 1.35 3.231s.869 2.067 1.83 2.078a.47.47 0 0 0 .293-.105c.073-.062.086-.115.086-.148a1.3 1.3 0 0 0-.05-.348a1.9 1.9 0 0 1 .109-1.3c.305-.653.759-1.056 1.194-1.355c.185-.126.377-.24.544-.34l.066-.04a6 6 0 0 0 .497-.32c.324-.242.503-.417.547-.486a3.6 3.6 0 0 0 .428-1.165A6.2 6.2 0 0 0 12 3.75c-1.372 0-2.64.442-3.672 1.192m8.49 9.04q-.312.04-.665.045h-.018l-.056.002q-.077.003-.22.014c-.19.017-.446.051-.715.117c-.585.144-1.02.387-1.19.71c-.201.378-.228.787-.187 1.128a6.26 6.26 0 0 0 3.052-2.016M4.25 10a7.75 7.75 0 1 1 15.5 0a7.75 7.75 0 0 1-15.5 0" clip-rule="evenodd"/></svg>Globe2 アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="reicon:globe2" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="reicon:globe2" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="reicon:globe2" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[reicon--globe2]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/reicon -->
<div class="i-reicon:globe2"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="reicon:globe2"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/reicon/globe2.svg" alt="Globe2 アイコン" width="24" height="24">Reicon の関連アイコン
他のアイコンセットの Globe2 アイコン
Globe2 アイコン のよくある質問
Globe2 アイコンは商用利用でも無料ですか?
はい。Reicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Globe2 アイコンを使うには?
@iconify/react をインストールして <Icon icon="reicon:globe2" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Globe2 アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/reicon/globe2.svg" alt="Globe2 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。