Globe Alt アイコン

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

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

gg:globe-alt

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

アイコンセット: css.gg
作者: Astrit
ライセンス: MIT
サイズ: 24 × 24
タグ: globealt

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M12 21a9 9 0 1 0 0-18a9 9 0 0 0 0 18m2.806-2.585a7 7 0 0 0 4.175-5.89c-.823.449-1.861.817-3.044 1.073c-.149 1.87-.554 3.54-1.131 4.817M9.195 5.585a7.02 7.02 0 0 0-3.973 4.659c.232.22.626.49 1.226.757c.45.2.973.379 1.557.529c.054-2.324.498-4.415 1.19-5.945m.906 8.326c.156 1.457.484 2.71.898 3.64c.294.662.593 1.074.823 1.293c.082.078.14.12.178.14a1 1 0 0 0 .178-.14c.23-.22.529-.63.823-1.292c.414-.932.742-2.184.898-3.641a20 20 0 0 1-3.798 0m-2.038-.313c.149 1.87.554 3.54 1.131 4.817a7 7 0 0 1-4.175-5.89c.823.449 1.861.817 3.044 1.073M14 11.89a18 18 0 0 1-4 0c.014-2.226.423-4.145 1-5.442c.293-.661.592-1.073.822-1.292a1 1 0 0 1 .178-.14a1 1 0 0 1 .178.14c.23.22.529.63.823 1.292c.576 1.297.986 3.216.999 5.442m1.995-.36c-.053-2.324-.498-4.415-1.19-5.945a7.02 7.02 0 0 1 3.973 4.659c-.232.22-.626.49-1.226.757c-.45.2-.973.379-1.557.529" clip-rule="evenodd"/></svg>

Globe Alt アイコンの使い方

React

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

<Icon icon="gg:globe-alt" width="24" />

Vue

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

<template>
  <Icon icon="gg:globe-alt" width="24" />
</template>

Svelte

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

<Icon icon="gg:globe-alt" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="gg:globe-alt"></iconify-icon>

HTML 画像

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

css.gg の関連アイコン

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

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

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

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

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

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

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

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

css.gg アイコンをすべて見る →