Triorb アイコン

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

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

game-icons:triorb

Triorb アイコン(game-icons:triorb)は、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="M133.813 38.28c-62.975 0-113.407 51.22-113.407 114.19c0 62.972 50.432 113.405 113.406 113.405c12.027 0 23.638-1.835 34.532-5.25a96 96 0 0 1-1.25-2.906l-69.78-120.876l-8.19-13.625l16-.345h138.97c-13.07-48.662-57.543-84.596-110.28-84.594zm247.843 0c-52.74 0-96.672 35.93-109.562 84.595H426.47l-8.19 14.28l-71.124 123.314c-.004.007.004.02 0 .03c-.013.03-.017.064-.03.094c10.874 3.434 22.47 5.28 34.53 5.28c62.975 0 114.156-50.432 114.156-113.405s-51.18-114.19-114.156-114.19zm-260.53 103.314l39.093 67.562c3.127-27.534 17.792-51.71 39-67.562h-78.095zm125.405 0c-38.53 5.45-68.186 38.596-68.186 78.625c0 11.152 2.282 21.772 6.437 31.405l1.064 1.844c36.87-18.726 62.156-56.763 62.156-101c0-3.67-.19-7.295-.53-10.876h-.94zm22.25 0c-.334 3.58-.53 7.206-.53 10.875c0 44.112 24.748 82.062 61.22 100.843l1.75-3.032a79.1 79.1 0 0 0 5.905-30.06c0-40.03-29.657-73.175-68.188-78.626zm47.47 0c21.134 15.798 35.742 39.864 38.938 67.28l38.937-67.28zm-58.5 109.28c-23.044 0-44.42 6.85-62.25 18.626c.005.006-.005.025 0 .03c14.546 18.33 37.014 30.095 62.22 30.095c25.257 0 47.766-11.823 62.31-30.22c-17.92-11.708-39.308-18.53-62.28-18.53zm-77.094 30.345c-22.37 20.864-36.312 50.707-36.312 83.81c0 62.974 50.43 113.408 113.406 113.408c62.975 0 114.156-50.434 114.156-113.407c0-33.095-14.16-62.915-36.72-83.78l-69.06 119.72l-8.5 13.967l-7.813-13.968zm38 28.936l38.97 67.344l38.905-67.22a97.1 97.1 0 0 1-38.81 8.064c-13.87 0-27.07-2.93-39.064-8.188z"/></svg>

Triorb アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

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

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

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

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

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

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

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

Game Icons をすべて見る →