Globe アイコン

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

はい。Entypo+ icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

entypo:globe

Globe アイコン(entypo:globe)は、Entypo+ セットの無料 SVG アイコンです（作者: Daniel Bruce）。 20 × 20 のグリッドで描かれています。 Entypo+ icons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Entypo+
作者: Daniel Bruce
ライセンス: CC-BY-SA-4.0
サイズ: 20 × 20

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path fill="currentColor" d="M10 .4C4.705.4.399 4.707.399 10S4.705 19.6 10 19.6c5.293 0 9.6-4.307 9.6-9.6S15.293.4 10 .4m8.188 9.6c0 1.873-.636 3.6-1.696 4.98c-.3-.234-.619-.867-.319-1.523c.303-.66.382-2.188.312-2.783c-.066-.594-.375-2.025-1.214-2.039c-.838-.012-1.413-.289-1.911-1.283c-1.033-2.068 1.939-2.465.906-3.609c-.289-.322-1.783 1.322-2.002-.869c-.014-.157.135-.392.336-.636c3.244 1.09 5.588 4.157 5.588 7.762M8.875 1.893c-.196.382-.713.537-1.027.824c-.684.619-.978.533-1.346 1.127c-.371.594-1.567 1.449-1.567 1.879s.604.936.906.838c.302-.1 1.099-.094 1.567.07c.469.166 3.914.332 2.816 3.244c-.348.926-1.873.77-2.279 2.303c-.061.225-.272 1.186-.285 1.5c-.025.486.344 2.318-.125 2.318c-.471 0-1.738-1.639-1.738-1.936s-.328-1.338-.328-2.23s-1.518-.877-1.518-2.062c0-1.068.823-1.6.638-2.113c-.181-.51-1.627-.527-2.23-.59a8.21 8.21 0 0 1 6.516-5.172M7.424 17.77c.492-.26.542-.596.988-.613c.51-.023.925-.199 1.5-.326c.51-.111 1.423-.629 2.226-.695c.678-.055 2.015.035 2.375.689a8.16 8.16 0 0 1-7.089.945"/></svg>

Globe アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

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

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

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

はい。Entypo+ icons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

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

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

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

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

Entypo+ アイコンをすべて見る →