Globe2 Filled アイコン
reicon:globe2-filled
Globe2 Filled アイコン(reicon:globe2-filled)は、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"><g fill="currentColor"><path d="M8.387 5.08a10 10 0 0 0-.5-.745A6.97 6.97 0 0 1 12 3c1.32 0 2.555.365 3.608 1q-.022.134-.066.303a4 4 0 0 1-.413 1.002c-.049.077-.25.273-.613.544c-.162.12-.341.231-.556.36l-.074.043c-.187.112-.402.24-.609.382c-.488.334-.996.786-1.338 1.517a2.1 2.1 0 0 0-.12 1.456c.035.135.054.27.055.39c0 .037-.015.096-.097.165a.52.52 0 0 1-.327.118c-1.077-.012-1.927-.904-2.05-2.327c-.094-1.082-.536-2.084-1.013-2.874m8.265 9.43q.396-.005.745-.05a7 7 0 0 1-3.418 2.257c-.046-.381-.016-.84.209-1.263c.192-.362.678-.633 1.334-.794a5.5 5.5 0 0 1 1.109-.15z"/><path d="M5 10c0-1.72.62-3.294 1.648-4.512q.154.215.301.46c.402.664.713 1.416.777 2.15c.17 1.97 1.481 3.837 3.705 3.862c.961.01 2.126-.712 2.123-1.968c0-.287-.046-.567-.112-.815a.44.44 0 0 1 .019-.315c.17-.364.422-.607.766-.842c.16-.11.326-.21.518-.324l.077-.046c.216-.129.461-.278.698-.454c.345-.257.79-.618 1.027-.99c.187-.294.36-.671.494-1.063A6.98 6.98 0 0 1 19 10q-.002.799-.172 1.55a1.9 1.9 0 0 1-.303.582c-.237.307-.712.685-1.89.697h-.036l-.096.003a7 7 0 0 0-1.382.195c-.759.186-1.871.61-2.417 1.639c-.43.811-.48 1.645-.382 2.327A7.003 7.003 0 0 1 5 10"/><path 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.06" clip-rule="evenodd"/></g></svg>Globe2 Filled アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="reicon:globe2-filled" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="reicon:globe2-filled" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="reicon:globe2-filled" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[reicon--globe2-filled]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/reicon -->
<div class="i-reicon:globe2-filled"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="reicon:globe2-filled"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/reicon/globe2-filled.svg" alt="Globe2 Filled アイコン" width="24" height="24">Reicon の関連アイコン
Globe2 Filled アイコン のよくある質問
Globe2 Filled アイコンは商用利用でも無料ですか?
はい。Reicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Globe2 Filled アイコンを使うには?
@iconify/react をインストールして <Icon icon="reicon:globe2-filled" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Globe2 Filled アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/reicon/globe2-filled.svg" alt="Globe2 Filled アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。