Globe アイコン
fa7-solid:globe
Globe アイコン(fa7-solid:globe)は、Font Awesome Solid セットの無料 SVG アイコンです（作者: Dave Gandy）。 640 × 640 のグリッドで描かれています。 Font Awesome Solid icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Font Awesome Solid
- 作者
- Dave Gandy
- ライセンス
- CC-BY-4.0
- サイズ
- 640 × 640
- カテゴリ
- 地図、物、チャリティー、ビジネス、SF
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="640" height="640" viewBox="0 0 640 640"><path fill="currentColor" d="M415.9 344H225c2.9 64.5 17.2 123.9 37.5 167.4c11.4 24.5 23.7 41.8 35.1 52.4c11.2 10.5 18.9 12.2 22.9 12.2s11.7-1.7 22.9-12.2c11.4-10.6 23.7-28 35.1-52.4c20.3-43.5 34.6-102.9 37.5-167.4zm-191-48h190.9c-2.8-64.5-17.1-123.9-37.4-167.4c-11.4-24.4-23.7-41.8-35.1-52.4C332.1 65.7 324.4 64 320.4 64s-11.7 1.7-22.9 12.2c-11.4 10.6-23.7 28-35.1 52.4c-20.3 43.5-34.6 102.9-37.5 167.4m-48 0c3.5-85.6 25.6-165.1 57.9-217.3C142.7 111.3 74.9 195.2 65.5 296zM65.5 344c9.4 100.8 77.2 184.7 169.3 217.3c-32.3-52.2-54.4-131.7-57.9-217.3zm398.4 0c-3.5 85.6-25.6 165.1-57.9 217.3c92.1-32.7 159.9-116.5 169.3-217.3zm111.4-48C565.9 195.2 498.1 111.3 406 78.7c32.3 52.2 54.4 131.7 57.9 217.3z"/></svg>
Globe アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fa7-solid:globe" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fa7-solid:globe" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fa7-solid:globe" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fa7-solid--globe]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fa7-solid -->
<div class="i-fa7-solid:globe"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fa7-solid:globe"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fa7-solid/globe.svg" alt="Globe アイコン" width="24" height="24">
Font Awesome Solid の関連アイコン
Globe アイコン のよくある質問
Globe アイコンは商用利用でも無料ですか?
はい。Font Awesome Solid icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Globe アイコンを使うには?
@iconify/react をインストールして <Icon icon="fa7-solid:globe" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Globe アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fa7-solid/globe.svg" alt="Globe アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Font Awesome Solid アイコン をすべて見る →
ICONYZ
