Globe Europe アイコン
glyphs-poly:globe-europe
Globe Europe アイコン(glyphs-poly:globe-europe)は、Glyphs Poly セットの無料 SVG アイコンです（作者: Goran Spasojevic）。 80 × 80 のグリッドで描かれています。 Glyphs Poly icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Glyphs Poly
- 作者
- Goran Spasojevic
- ライセンス
- MIT
- サイズ
- 80 × 80
- タグ
- globeeurope
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none"><path fill="#2f80ed" d="M29.393 14.393a27.717 27.717 0 1 1 21.214 51.214a27.717 27.717 0 0 1-21.214-51.214"/><path fill="#6fcf97" fill-rule="evenodd" d="M24.412 45.611a4.14 4.14 0 0 0 3.32-1.146l1.174-1.139a7.65 7.65 0 0 1 5.457-2.154h.056l3.781 4.369l2.901-.265l1.523-.138a3.83 3.83 0 0 0 2.357-1.105a3.82 3.82 0 0 1 2.477-1.113l2.395-.143l2.538 2.863a4.203 4.203 0 0 1-3.286 6.99l-3.59-.122a1.27 1.27 0 0 0-1.155.656c-.3.544-.95.791-1.536.584l-5.86-2.075a1.61 1.61 0 0 1-1.063-1.326c-.1-.83-.82-1.446-1.656-1.418l-5.624.19a1.1 1.1 0 0 1-.901-.413a1.108 1.108 0 0 0-1.736.01l-3.179 4.057a5.2 5.2 0 0 0-1.076 2.654l-.527 4.926a27.716 27.716 0 0 0 35.9 1.453l-2.973-3.057a1.314 1.314 0 1 1 1.89-1.824l3.049 3.186a27.7 27.7 0 0 0 5.495-7.27l-.11-.109a1.028 1.028 0 0 1 .985-1.723q.088-.205.174-.412a27.72 27.72 0 0 0-6.517-30.7l-1.525.005a8 8 0 0 1-5.531-2.19l-.469-.443a8 8 0 0 0-11.115.11l-2.77 2.728a2.108 2.108 0 0 0 2.873 3.085l2.636-2.32a1.39 1.39 0 0 1 1.936 1.99l-2.325 2.497a2.5 2.5 0 0 0-.663 1.486a2.51 2.51 0 0 1-2.447 2.287l-3.332.072a6.24 6.24 0 0 0-4.062 1.622l-3.809 3.465l-1.42-5.38c-.99-3.744-5.485-5.256-8.535-2.87l-.378.294a4.317 4.317 0 0 0 2.527 7.717l7.806.239l-2.113 4.529a4 4 0 0 1-2.399 2.115l-1.582.51a2.054 2.054 0 0 0 .414 3.998zm25.44-2.834l.946-2.032a6.06 6.06 0 0 1 5.04-3.486l1.245-.094a3.86 3.86 0 0 1 3.45 1.634l.698.994a2.471 2.471 0 0 1-3.238 3.57l-1.01-.57a4.06 4.06 0 0 0-2.412-.502z" clip-rule="evenodd"/></g></svg>
Globe Europe アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs-poly:globe-europe" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs-poly:globe-europe" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs-poly:globe-europe" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs-poly--globe-europe]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs-poly -->
<div class="i-glyphs-poly:globe-europe"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs-poly:globe-europe"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/glyphs-poly/globe-europe.svg" alt="Globe Europe アイコン" width="24" height="24">
他のアイコンセットの Globe Europe アイコン
Globe Europe アイコン のよくある質問
Globe Europe アイコンは商用利用でも無料ですか?
はい。Glyphs Poly icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Globe Europe アイコンを使うには?
@iconify/react をインストールして <Icon icon="glyphs-poly:globe-europe" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Globe Europe アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/glyphs-poly/globe-europe.svg" alt="Globe Europe アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Glyphs Poly アイコン をすべて見る →
ICONYZ
