Globe Europe アイコン

Q: Globe Europe アイコンは商用利用でも無料ですか?

はい。Glyphs icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

glyphs:globe-europe

Globe Europe アイコン(glyphs:globe-europe)は、Glyphs セットの無料 SVG アイコンです（作者: Goran Spasojevic）。 80 × 80 のグリッドで描かれています。 Glyphs icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Glyphs
作者: Goran Spasojevic
ライセンス: MIT
サイズ: 80 × 80
タグ: globeeurope

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><path d="M29.394 14.394a27.716 27.716 0 1 1 21.213 51.212a27.716 27.716 0 0 1-21.213-51.212"/><path d="m59.095 19.896l-1.525.006a8 8 0 0 1-5.531-2.19l-.469-.444a8 8 0 0 0-11.115.111l-2.77 2.728a2.108 2.108 0 0 0 2.873 3.084l2.636-2.32a1.39 1.39 0 0 1 1.936 1.99l-2.325 2.498c-.38.408-.613.93-.663 1.486a2.51 2.51 0 0 1-2.448 2.286l-3.33.072a6.24 6.24 0 0 0-4.063 1.623l-3.809 3.464l-2.113 4.529a4 4 0 0 1-2.4 2.116l-1.581.51a2.054 2.054 0 0 0 .414 3.997l1.6.169a4.14 4.14 0 0 0 3.319-1.146l1.175-1.14a7.65 7.65 0 0 1 5.456-2.154l.056.001m-13.216 19.18l.526-4.926a5.2 5.2 0 0 1 1.077-2.653l3.179-4.057a1.108 1.108 0 0 1 1.735-.01c.219.271.553.424.901.412l5.625-.19a1.613 1.613 0 0 1 1.656 1.419a1.61 1.61 0 0 0 1.063 1.326l5.86 2.074a1.27 1.27 0 0 0 1.536-.584a1.27 1.27 0 0 1 1.155-.655l3.59.12a4.203 4.203 0 0 0 3.286-6.988l-2.538-2.863m0 0l4.717-.487c.837-.086 1.68.09 2.413.503l1.01.57a2.47 2.47 0 0 0 3.238-3.57l-.698-.995a3.86 3.86 0 0 0-3.45-1.633l-1.245.093a6.06 6.06 0 0 0-5.04 3.486zm0 0l-2.395.143a3.83 3.83 0 0 0-2.477 1.113a3.83 3.83 0 0 1-2.357 1.104l-4.424.403m0 0l-3.782-4.368M38.2 45.54c-1.226-1.222-3.782-4.368-3.782-4.368"/><path d="m27.071 28.91l1.421 5.38l-7.806-.24a4.317 4.317 0 0 1-2.527-7.715l.378-.295c3.05-2.386 7.545-.874 8.534 2.87m38.367 22.099a1.028 1.028 0 0 0-.985 1.723l.11.11m-5.495 7.269l-3.049-3.186a1.314 1.314 0 1 0-1.89 1.824l2.973 3.057"/></g></svg>

Globe Europe アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="glyphs:globe-europe" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="glyphs:globe-europe" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="glyphs:globe-europe" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs--globe-europe]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/glyphs -->
<div class="i-glyphs:globe-europe"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="glyphs:globe-europe"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/glyphs/globe-europe.svg" alt="Globe Europe アイコン" width="24" height="24">

Glyphs の関連アイコン

他のアイコンセットの Globe Europe アイコン

Globe Europe アイコンのよくある質問

Globe Europe アイコンは商用利用でも無料ですか?

はい。Glyphs icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Globe Europe アイコンを使うには?

@iconify/react をインストールして <Icon icon="glyphs:globe-europe" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Globe Europe アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/glyphs/globe-europe.svg" alt="Globe Europe アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Glyphs アイコンをすべて見る →