Gloop アイコン

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

はい。Game Icons は CC BY 3.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

game-icons:gloop

Gloop アイコン(game-icons:gloop)は、Game Icons セットの無料 SVG アイコンです（作者: GameIcons）。 512 × 512 のグリッドで描かれています。 Game Icons は CC BY 3.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Game Icons
作者: GameIcons
ライセンス: CC-BY-3.0
サイズ: 512 × 512

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M269.72 25.25c-20.685.89-19.476 33.216 3.624 39.406c19.492 5.224 36.934-30.34 3.5-38.594c-2.61-.643-4.986-.904-7.125-.812zm199.874 28.22c-.622-.01-1.237.006-1.844.03c-5.825.232-10.737 1.87-13.344 4.063c-37.138 31.23 31.965 87.49 23.22 132.375c-10.5 53.877-53.34 33.006-80.126 3.468c-95.4-105.203-3.794.134-19.156 74.313c-10.45 50.462-79.218 19.385-112.03 1.75c-45.73-24.58-94.984-79.11-145.72-70.845c-51.317 8.36-41.142 57.17-8.125 49.344c45.008-10.67 86.46-1.112 90.56 59.81c3.26 48.403-27.546 88.857-83.655 59.095c-13.368-7.09-26.66-13.795-47.594 2.313c-25.808 19.858-21.48 49.347-4.968 65.937c34.994 23.726 93.02 21.262 143.875 9.813c-42.93 28.815-123.516 38.457-167.437 6.5c-11.355 3.064-22.198 2.79-28.313 3.812v40.625H363.72c54.36-22.173 83.55-72.752 98.624-123.688c15.573 31.363-.37 83.37-35.5 123.688h68.78V69.75c-5.867-12.236-16.7-16.158-26.03-16.28m-145.28 17.25c-5.316-.007-11.49 2.23-18.377 7.53c-30.563 23.516 2.462 68.16 30.938 47.22c17.69-13.01 10.467-54.726-12.563-54.75zM446 239.187c33.445-.51 33.692 49.848 7.47 60.78c-39.907 16.635-69.676-37.073-26.595-56.03c7.28-3.204 13.652-4.667 19.125-4.75m-111.656 71.906c41.722-.37 83.516 15.24 82.78 54.97c-1.046 56.614-87.026-1-112.405 34.217c-38.934 54.023-88.553 10.63-68.314-36.592c23.35-44.777 104.963-28.658 145.97-5.438c-15.22-21.573-40.67-38.884-69.126-45.594a166 166 0 0 1 21.094-1.562z"/></svg>

Gloop アイコンの使い方

React

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

<Icon icon="game-icons:gloop" width="24" />

Vue

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

<template>
  <Icon icon="game-icons:gloop" width="24" />
</template>

Svelte

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

<Icon icon="game-icons:gloop" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--gloop]"></span>

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="game-icons:gloop"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/game-icons/gloop.svg" alt="Gloop アイコン" width="24" height="24">

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

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

はい。Game Icons は CC BY 3.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

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

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

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

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

Game Icons をすべて見る →