Abstract 099 アイコン

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

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

game-icons:abstract-099

Abstract 099 アイコン(game-icons:abstract-099)は、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="M221.575 19.432c-35.133 5.074-67.732 17.97-96.18 36.59l39.428 39.428c16.85 16.85 16.85 43.936 0 60.785s-43.935 16.85-60.785 0l-41.07-40.921C42.205 143.759 27.554 176.966 21 212.988h59.59c23.83 0 43.013 19.183 43.013 43.012s-19.184 43.013-43.013 43.012H21c6.555 36.022 21.206 69.229 41.967 97.674l41.07-40.921c8.426-8.425 19.474-12.695 30.468-12.695c10.996 0 21.893 4.27 30.318 12.695a42.865 42.865 0 0 1 0 60.785l-39.428 39.428c28.448 18.62 61.047 31.516 96.18 36.59v-52.57c0-23.83 19.184-43.013 43.013-43.013s43.012 19.183 43.012 43.012v49.285c32.774-7.212 62.955-21.177 89.16-40.324l-32.408-32.408a42.865 42.865 0 0 1 0-60.785c8.425-8.425 19.322-12.695 30.318-12.695c10.994 0 22.042 4.27 30.467 12.695l30.915 30.915c17.092-26.112 29.15-55.802 34.948-87.668h-42.415c-23.829 0-43.012-19.183-43.012-43.012s19.183-43.012 43.012-43.012H491c-5.798-31.866-17.856-61.556-34.948-87.668l-30.915 30.915c-16.85 16.85-43.935 16.85-60.785 0s-16.849-43.935 0-60.785l32.409-32.408C370.555 43.895 340.374 29.93 307.6 22.718V171.17c0 23.829-19.184 43.012-43.012 43.012S221.575 195 221.575 171.17zM162.732 256h186.387c0 51.47-41.724 93.194-93.194 93.194S162.732 307.468 162.732 256"/></svg>

Abstract 099 アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="game-icons:abstract-099"></iconify-icon>

HTML 画像

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

Game Icons の関連アイコン

Abstract 099 アイコンのよくある質問

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

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

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

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

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

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

Game Icons をすべて見る →