Companion Cube アイコン

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

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

game-icons:companion-cube

Companion Cube アイコン(game-icons:companion-cube)は、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
タグ: companioncube

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M25 25v142h62.432c1.901-22.183 10.369-41.386 24.302-55.355C125.66 97.685 144.82 89.192 167 87.385V25zm192 0v46h78V25zm128 0v62.432c22.183 1.901 41.386 10.369 55.355 24.302c13.96 13.925 22.453 33.086 24.26 55.266H487V25zM185 57v48h-9c-22 0-39.37 7.173-51.521 19.355S105.131 154.023 105 176.053l-.053 8.947H57v14h32v48h62.39c4.33-50.72 44.89-91.28 95.61-95.61V89h-48V57zm128 0v32h-48v62.39c50.72 4.33 91.28 44.89 95.61 95.61H407v-48h48v-14h-48v-9c0-22-7.173-39.37-19.355-51.521S357.977 105.131 335.947 105l-8.947-.053V57zm-57 112c-48.155 0-87 38.845-87 87s38.845 87 87 87s87-38.845 87-87s-38.845-87-87-87m-34.799 41.043c13.685-.168 29.758 9.24 34.799 24.363c5.041-15.124 21.114-24.53 34.799-24.363c18.492.227 28.641 20.276 28.535 31.314c-.542 17.05-12.307 28.577-26.941 41.327C279.663 293.774 256 320.83 256 320.83s-23.663-27.056-36.393-38.146c-14.634-12.75-26.4-24.278-26.941-41.327c-.106-11.038 10.043-31.087 28.535-31.314M25 217v78h46v-78zm400 0v78h46v-78zM89 265v48H57v14h48v9c0 22 7.173 39.37 19.355 51.521s29.668 19.348 51.698 19.479l8.947.053V455h14v-32h48v-62.39c-50.72-4.33-91.28-44.89-95.61-95.61zm271.61 0c-4.33 50.72-44.89 91.28-95.61 95.61V423h48v32h14v-48h9c22 0 39.37-7.173 51.521-19.355s19.348-29.668 19.479-51.698l.053-8.947H455v-14h-48v-48zM25 345v142h142v-62.432c-22.183-1.901-41.386-10.369-55.355-24.302C97.685 386.34 89.192 367.18 87.385 345zm399.568 0c-1.901 22.183-10.369 41.386-24.302 55.355c-13.925 13.96-33.086 22.453-55.266 24.26V487h142V345zM217 441v46h78v-46z"/></svg>

Companion Cube アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="game-icons:companion-cube"></iconify-icon>

HTML 画像

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

Companion Cube アイコンのよくある質問

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

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

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

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

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

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

Game Icons をすべて見る →