Globe アイコン

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

はい。Gala Icons は GPL ライセンス で公開されており、個人・商用プロジェクトで利用できます。ただし、アイコンファイルを改変した場合は同じライセンスを維持する必要があります。

gala:globe

Globe アイコン(gala:globe)は、Gala Icons セットの無料 SVG アイコンです（作者: Jake Wells）。 256 × 256 のグリッドで描かれています。 Gala Icons は GPL ライセンスで公開されており、個人・商用プロジェクトで利用できます。ただし、アイコンファイルを改変した場合は同じライセンスを維持する必要があります。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Gala Icons
作者: Jake Wells
ライセンス: GPL-3.0
サイズ: 256 × 256

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"><circle cx="127.999" cy="128" r="112"/><path d="m 192.0027,219.91074 c -40.13552,-10.60764 2.8991,-36.95009 -12.98135,-56.80128 -7.0348,-8.7939 -24.94292,-22.44625 -16.06406,-37.68626 14.14662,-24.2819 74.44445,-16.70043 77.04541,2.65434"/><path d="m 52.26403,210.5115 c 11.735422,-10.73393 23.101176,-21.25355 28.928591,-35.30877 4.896866,-11.81082 11.221497,-27.74331 3.816787,-38.16679 -6.795901,-9.56626 -28.036264,1.74355 -34.229477,-8.2235 -5.19823,-8.36579 -1.703207,-26.91578 6.536171,-28.815794 C 71.025394,96.835252 95.999454,115.70076 91.525264,97.954854 71.651098,54.251844 101.47196,64.000005 79.998805,26.807419"/><path d="M 229.90244,81.526574 C 222.59641,76.902443 210.40368,72.548 197.29726,73.264682 184.1909,73.981363 156.7628,89.642259 150.64024,75.329052 143.20598,57.949662 165.8904,33.900895 191.58021,36.089261"/></g></svg>

Globe アイコンの使い方

React

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

<Icon icon="gala:globe" width="24" />

Vue

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

<template>
  <Icon icon="gala:globe" width="24" />
</template>

Svelte

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

<Icon icon="gala:globe" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="gala:globe"></iconify-icon>

HTML 画像

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

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

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

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

はい。Gala Icons は GPL ライセンスで公開されており、個人・商用プロジェクトで利用できます。ただし、アイコンファイルを改変した場合は同じライセンスを維持する必要があります。

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

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

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

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

Gala Icons をすべて見る →