Globe アイコン

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

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

vaadin:globe

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

アイコンセット: Vaadin Icons
作者: Vaadin
ライセンス: Apache-2.0
サイズ: 24 × 24

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M8 0C3.6 0 0 3.6 0 8s3.6 8 8 8s8-3.6 8-8s-3.6-8-8-8m5.2 5.3c.4 0 .7.3 1.1.3c-.3.4-1.6.4-2-.1c.3-.1.5-.2.9-.2M1 8c0-.4 0-.8.1-1.3c.1 0 .2.1.3.1c0 0 .1.1.1.2c0 .3.3.5.5.5c.8.1 1.1.8 1.8 1c.2.1.1.3 0 .5c-.6.8-.1 1.4.4 1.9c.5.4.5.8.6 1.4c0 .7.1 1.5.4 2.2C2.7 13.3 1 10.9 1 8m7 7c-.7 0-1.5-.1-2.1-.3q-.15-.3 0-.6c.4-.8.8-1.5 1.3-2.2c.2-.2.4-.4.4-.7c0-.2.1-.5.2-.7c.3-.5.2-.8-.2-.9c-.8-.2-1.2-.9-1.8-1.2s-1.2-.5-1.7-.2c-.2.1-.5.2-.5-.1c0-.4-.5-.7-.4-1.1c-.1 0-.2 0-.3.1s-.2.2-.4.1c-.2-.2-.1-.4-.1-.6c.1-.2.2-.3.4-.4c.4-.1.8-.1 1 .4c.3-.9.9-1.4 1.5-1.8c0 0 .8-.7.9-.7s.2.2.4.3c.2 0 .3 0 .3-.2c.1-.5-.2-1.1-.6-1.2c0-.1.1-.1.1-.1c.3-.1.7-.3.6-.6c0-.4-.4-.6-.8-.6c-.2 0-.4 0-.6.1c-.4.2-.9.4-1.5.4C5.2 1.4 6.6 1 8 1h.8c-.6.1-1.2.3-1.6.5c.6.1.7.4.5.9c-.1.2 0 .4.2.5s.4.1.5-.1c.2-.3.6-.4.9-.5c.4-.1.7-.3 1-.7c0-.1.1-.1.2-.2c.6.2 1.2.6 1.8 1c-.1 0-.1.1-.2.1c-.2.2-.5.3-.2.7c.1.2 0 .3-.1.4c-.2.1-.3 0-.4-.1s-.1-.3-.4-.3c-.1.2-.4.3-.4.6c.5 0 .4.4.5.7c-.6.1-.8.4-.5.9c.1.2-.1.3-.2.4c-.4.6-.8 1-.8 1.7s.5 1.4 1.3 1.3c.9-.1.9-.1 1.2.7c0 .1.1.2.1.3c.1.2.2.4.1.6c-.3.8.1 1.4.4 2c.1.2.2.3.3.4c-1.3 1.4-3 2.2-5 2.2"/></svg>

Globe アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

Vaadin Icons の関連アイコン

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

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

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

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

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

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

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

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

Vaadin Icons をすべて見る →