Arrow Cluster アイコン

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

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

game-icons:arrow-cluster

Arrow Cluster アイコン(game-icons:arrow-cluster)は、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
タグ: arrowcluster

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="m257.313 15.688l-50.375 87.53l28.156-8.53l22.28-38.72l22.407 38.782l28.126 8.47zm-138.938 77.75l18.5 99.28l14.156-22.093L141.595 120l48.97 17.313l23.124-10.157l-95.313-33.72zm278.72 0l-95.314 33.718l23.876 10.5L375.562 120l-9.812 52.688l12.844 20.03l18.5-99.28zm-139.72 2.03l-9.344 2.844v104.47l9.69 11.343l9-10.5V98.28l-9.345-2.81zm81.22 52.032l-54.345 63.688l.344.28l-14.563 17l12.033 14.063l71.093-83.343l-4.75-7.375zm-161.25.53l-8.595 3.782l-5.47 8.532l255.5 299.469L433 447.688l-8.094-9.47l22.688-10.03l11.47-5.063l-8.158-9.53l-44.125-51.783l-2.31-2.718l-3.564-.47l-49.562-6.655l-174-203.94zm56.06 123.22l-62.218 72.688l-.125-.094l-6.625 7.75l-49.718 6.687l-3.564.47l-2.312 2.72l-44.28 51.936l-8.158 9.563l11.5 5.06l22.75 10.064l-8.187 9.594l14.218 12.156L245.594 285.28l-12.188-14.03zm24.376 28.125l-9.75 11.28v178.75h18.69v-15.092l24.874 7.437l12.03 3.594v-87l-2.374-2.656l-34.53-38.47v-47.5zm-111.5 73.5l-42.936 50.375L86.906 416l33.844-39.688l25.53-3.437zm223.22.375l25.406 3.438l33.656 39.468l-16.312 7.22zm-140.03 4.375l-16.064 18.094l-2.344 2.655v87.031l12.063-3.656l6.344-1.906v-102.22zm37.25 7.563l18.217 20.312v54.75l-18.218-5.438v-69.625zm-87.75 5.406l-64.564 74.687l3.5 5.44l6.813 10.592l8.155-9.593l44.28-51.94l2.314-2.686l-.064-3.563l-.437-22.936zm157.905.156l-.438 22.97l-.093 3.53l2.312 2.72l44.125 51.75l8.19 9.592l6.78-10.625l3.53-5.5z"/></svg>

Arrow Cluster アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="game-icons:arrow-cluster"></iconify-icon>

HTML 画像

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

Game Icons の関連アイコン

Arrow Cluster アイコンのよくある質問

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

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

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

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

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

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

Game Icons をすべて見る →