Triquetra アイコン

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

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

game-icons:triquetra

Triquetra アイコン(game-icons:triquetra)は、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="M256 74.06c32.76 39.37 52.457 90.004 52.457 145.29c0 21.33-2.937 41.966-8.42 61.534c-28.84-5.284-58.69-5.445-88.098-.09c-5.467-19.54-8.397-40.147-8.397-61.445c0-55.286 19.698-105.92 52.457-145.29zm-.582 220.687c13.13-.026 26.197 1.1 39.057 3.313c-9.017 24.453-22.117 46.918-38.475 66.578c-16.365-19.668-29.47-42.144-38.486-66.61c12.6-2.17 25.28-3.256 37.904-3.28zM199.8 301.82c10.063 28.133 25.12 53.896 44.108 76.224c-41.252 42.28-98.866 68.52-162.68 68.52a229.3 229.3 0 0 1-38.437-3.243c17.722-48.045 51.722-90.41 99.595-118.05c18.446-10.65 37.758-18.414 57.416-23.45zm112.39.025c57.208 14.6 108.705 51.362 140.595 106.593a229.3 229.3 0 0 1 16.4 34.887a229 229 0 0 1-38.414 3.24c-63.812 0-121.426-26.242-162.678-68.52c18.98-22.322 34.037-48.076 44.1-76.2zm180.22 154.888l-5.44-17.162a246.3 246.3 0 0 0-18.597-40.132c-34.176-59.19-89.39-98.733-150.77-114.67c5.76-20.833 8.854-42.767 8.854-65.42c0-60.5-21.98-115.908-58.365-158.695L256 47.435l-12.092 13.218c-36.386 42.787-58.365 98.195-58.365 158.696c0 22.616 3.085 44.517 8.83 65.32c-20.89 5.424-41.4 13.704-60.988 25.013c-52.404 30.254-89.403 77-108.264 129.91l-5.425 17.17l17.498 3.843a246 246 0 0 0 44.036 3.96c68.387 0 130.27-28.075 174.77-73.303c44.5 45.228 106.383 73.302 174.77 73.302c15.04 0 29.76-1.364 44.056-3.963z"/></svg>

Triquetra アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

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

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

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

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

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

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

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

Game Icons をすべて見る →