Abstract 106 アイコン

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

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

game-icons:abstract-106

Abstract 106 アイコン(game-icons:abstract-106)は、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="M21 21v140.56h470V21h-30.844v102.078h-117.5V21H314.75v102.078h-117.5V21h-27.906v102.078h-117.5V21zm91.503 0c-17.771 0-32.312 14.394-32.312 32.166S94.73 85.33 112.503 85.33s32.166-14.394 32.166-32.165S130.275 21 112.503 21M256 21c-17.771 0-32.166 14.394-32.166 32.166S238.228 85.33 256 85.33s32.166-14.394 32.166-32.165S273.77 21 256 21m143.497 0c-17.772 0-32.166 14.394-32.166 32.166s14.394 32.165 32.166 32.165s32.165-14.394 32.165-32.165S417.269 21 399.498 21M35.1 185.647v140.56h204.303c8.624-21.762 13.219-45.49 13.219-70.354c0-24.797-4.493-48.493-13.072-70.206zm237.644 0c-8.64 21.713-13.366 45.41-13.366 70.206a189.4 189.4 0 0 0 13.513 70.353H476.9V185.647zm-85.629 23.94c25.594 0 46.266 20.672 46.266 46.266s-20.672 46.266-46.265 46.266c-14.472 0-27.467-6.667-35.985-17.038H65.944v-58.31h85.04c8.516-10.462 21.586-17.184 36.132-17.184m137.77 0c14.545 0 27.615 6.722 36.13 17.185h85.041v58.31H360.87c-8.518 10.37-21.513 17.037-35.985 17.037c-25.594 0-46.265-20.672-46.265-46.266s20.671-46.265 46.265-46.265M21 350.588V491h30.844V389.069h117.5V491h27.906V389.069h117.5V491h27.906V389.069h117.5V491H491V350.588zm91.503 76.082c-17.772 0-32.313 14.394-32.313 32.165S94.731 491 112.503 491s32.166-14.394 32.166-32.166s-14.395-32.165-32.166-32.165m143.497 0c-17.772 0-32.166 14.394-32.166 32.165S238.228 491 256 491s32.165-14.394 32.165-32.166S273.771 426.67 256 426.67m143.497 0c-17.772 0-32.166 14.394-32.166 32.165S381.725 491 399.497 491s32.165-14.394 32.165-32.166s-14.394-32.165-32.165-32.165"/></svg>

Abstract 106 アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

Game Icons の関連アイコン

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

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

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

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

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

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

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

Game Icons をすべて見る →