Globe Filled アイコン

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

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

griddy-icons:globe-filled

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

アイコンセット: Griddy Icons
作者: Zuzana Benova
ライセンス: MIT
サイズ: 24 × 24
タグ: globefilled

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="M9.39 6.715h.002l-.001.005v-.005Zm.002 0c.805-2.292 1.954-3.85 2.609-4.615c.655.76 1.81 2.32 2.615 4.62C13.76 6.9 12.88 7 12 7s-1.754-.105-2.609-.285Zm6.677-.395a16.2 16.2 0 0 0-2.085-4.12l.005-.005a10 10 0 0 1 5.025 2.685c-.92.61-1.91 1.09-2.945 1.44M8.965 8.161H8.96zm0 0c-.23.94-.39 1.97-.44 3.089h6.945a16 16 0 0 0-.435-3.08c-.99.215-2.01.33-3.04.33c-1.028 0-2.036-.125-3.03-.339m7.53-.386c1.24-.415 2.424-1 3.514-1.74a9.93 9.93 0 0 1 1.955 5.215h-4.99a17.7 17.7 0 0 0-.48-3.475Zm-8.566-1.45A16.3 16.3 0 0 1 10.014 2.2a9.95 9.95 0 0 0-5.03 2.69c.92.605 1.91 1.085 2.945 1.435m-.419 1.44a17.3 17.3 0 0 0-.485 3.485v.005h-4.99A9.9 9.9 0 0 1 3.99 6.04c1.09.74 2.275 1.31 3.52 1.725M10.014 21.8a16.2 16.2 0 0 1-2.085-4.12c-1.035.35-2.025.83-2.945 1.44a10 10 0 0 0 5.025 2.685zm5.023-5.96h.004h-.005Zm0 0c.23-.94.39-1.97.44-3.09H8.53c.05 1.12.205 2.145.435 3.08c.99-.215 2.01-.33 3.04-.33c1.029 0 2.037.125 3.03.34Zm-.427 1.445h-.002l.002-.005zm-.002 0c-.805 2.292-1.954 3.85-2.608 4.615c-.655-.76-1.81-2.32-2.615-4.62C10.24 17.1 11.12 17 12 17s1.754.105 2.608.285m-10.616.678l-.003.002h.005zm3.512-1.738a14.4 14.4 0 0 0-3.512 1.738A9.93 9.93 0 0 1 2.04 12.75h4.985a17.7 17.7 0 0 0 .48 3.475Zm8.565 1.45a16.3 16.3 0 0 1-2.085 4.125a9.95 9.95 0 0 0 5.03-2.69a13 13 0 0 0-2.945-1.435m.421-1.44c.26-1.05.435-2.215.485-3.485v-.005h4.99a9.9 9.9 0 0 1-1.955 5.215a14.3 14.3 0 0 0-3.52-1.725" clip-rule="evenodd"/></svg>

Globe Filled アイコンの使い方

React

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

<Icon icon="griddy-icons:globe-filled" width="24" />

Vue

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

<template>
  <Icon icon="griddy-icons:globe-filled" width="24" />
</template>

Svelte

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

<Icon icon="griddy-icons:globe-filled" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="griddy-icons:globe-filled"></iconify-icon>

HTML 画像

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

Griddy Icons の関連アイコン

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

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

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

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

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

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

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

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

Griddy Icons をすべて見る →