Globe Europe アイコン
fa7-solid:globe-europe
Globe Europe アイコン(fa7-solid:globe-europe)は、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
- カテゴリ
- 旅行
- タグ
- globeeurope
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="640" height="640" viewBox="0 0 640 640"><path fill="currentColor" d="M320.2 112C435 112.1 528 205.2 528 320c0 22.1-3.4 43.4-9.8 63.4c-2 .4-4.1.6-6.2.6h-2.7c-8.5 0-16.6-3.4-22.6-9.4l-29.3-29.3c-6-6-9.4-14.1-9.4-22.6V272c0-8.8 7.2-16 16-16s16-7.2 16-16s-7.2-16-16-16h-24c-13.3 0-24 10.7-24 24s-10.7 24-24 24h-56c-8.8 0-16 7.2-16 16s-7.2 16-16 16h-25.4c-12.5 0-22.6-10.1-22.6-22.6c0-6 2.4-11.8 6.6-16l70.1-70.1c2.1-2.1 3.3-5 3.3-8c0-6.2-5.1-11.3-11.3-11.3h-14.1c-12.5 0-22.6-10.1-22.6-22.6c0-6 2.4-11.8 6.6-16l23.1-23.1c.8-.8 1.6-1.5 2.5-2.2zm182.2 308.1c-32.8 59.6-93.9 101.4-165.2 107.2c-.7-2.3-1.1-4.8-1.1-7.3c0-13.3-10.7-24-24-24h-26.7c-8.5 0-16.6-3.4-22.6-9.4l-29.3-29.3c-6-6-9.4-14.1-9.4-22.6V368c0-17.7 14.3-32 32-32h98.7c8.5 0 16.6 3.4 22.6 9.4l29.3 29.3c6 6 14.1 9.4 22.6 9.4h5.5c8.5 0 16.6 3.4 22.6 9.4l16 16c4.2 4.2 10 6.6 16 6.6c4.8 0 9.3 1.5 13 4.1zM320 576l26.2-1.3c-8.6.9-17.3 1.3-26.2 1.3m26.2-1.3C475.3 561.6 576 452.6 576 320c0-141.4-114.6-256-256-256S64 178.6 64 320c0 127.5 93.2 233.3 215.3 252.8c13.2 2.1 26.8 3.2 40.7 3.2zm-94.9-387.4l-32 32c-6.2 6.2-16.4 6.2-22.6 0s-6.2-16.4 0-22.6l32-32c6.2-6.2 16.4-6.2 22.6 0s6.2 16.4 0 22.6"/></svg>
Globe Europe アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fa7-solid:globe-europe" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fa7-solid:globe-europe" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fa7-solid:globe-europe" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fa7-solid--globe-europe]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fa7-solid -->
<div class="i-fa7-solid:globe-europe"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fa7-solid:globe-europe"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fa7-solid/globe-europe.svg" alt="Globe Europe アイコン" width="24" height="24">
Font Awesome Solid の関連アイコン
他のアイコンセットの Globe Europe アイコン
Globe Europe アイコン のよくある質問
Globe Europe アイコンは商用利用でも無料ですか?
はい。Font Awesome Solid icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Globe Europe アイコンを使うには?
@iconify/react をインストールして <Icon icon="fa7-solid:globe-europe" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Globe Europe アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fa7-solid/globe-europe.svg" alt="Globe Europe アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Font Awesome Solid アイコン をすべて見る →
ICONYZ
