Gai アイコン

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

はい。Web3 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

token:gai

Gai アイコン(token:gai)は、Web3 Icons セットの無料 SVG アイコンです（作者: 0xa3k5）。 24 × 24 のグリッドで描かれています。 Web3 Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Web3 Icons
作者: 0xa3k5
ライセンス: MIT
サイズ: 24 × 24

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M13.261 19.58a.4.4 0 0 0-.05-.15l-1.145-2.03a.38.38 0 0 0-.225-.18a.36.36 0 0 0-.39.14a.38.38 0 0 0-.03.42l1.14 2.015c.1.17.305.25.485.17a.37.37 0 0 0 .2-.23q.023-.074.015-.155m1.05-.195a.38.38 0 0 1 .395-.136a.38.38 0 0 1 .24.536a.39.39 0 0 1-.288.214a.37.37 0 0 1-.372-.19a.39.39 0 0 1 .03-.425zm.21-2.976a.37.37 0 0 1 .411.03a.4.4 0 0 1 .094.11l1.625 2.876a.384.384 0 0 1-.17.54c-.175.08-.385 0-.485-.175l-1.615-2.86a.385.385 0 0 1 .14-.52m-7.086 2.976a.37.37 0 0 1 .25-.146a.37.37 0 0 1 .366.19a.385.385 0 0 1-.135.52a.365.365 0 0 1-.51-.14a.39.39 0 0 1 .03-.425m3.52-.85c.04.034.076.07.1.114l.426.76c.1.175.065.4-.1.516a.37.37 0 0 1-.535-.12l-.435-.776a.385.385 0 0 1 .135-.52a.365.365 0 0 1 .41.03zm7.211-5.511c.04.03.07.07.1.11l.966 1.72a.385.385 0 0 1-.17.54c-.175.08-.385 0-.485-.175l-.96-1.7a.385.385 0 0 1 .134-.525a.37.37 0 0 1 .415.03m2.69-1.33a.39.39 0 0 1-.04.63a.36.36 0 0 1-.284.04a.37.37 0 0 1-.225-.18a.385.385 0 0 1 .135-.52a.36.36 0 0 1 .415.03m-2.31-2.626a.383.383 0 0 0-.484-.17l.01.005a.38.38 0 0 0-.2.23a.4.4 0 0 0 .03.31l2.19 3.88c.1.176.06.401-.1.516a.37.37 0 0 1-.535-.12l-2.66-4.71a.38.38 0 0 0-.486-.17a.37.37 0 0 0-.2.23a.4.4 0 0 0 .03.304l1.5 2.66a.386.386 0 0 1-.164.536c-.18.085-.39 0-.486-.17l-.335-.585c-.095-.175-.305-.255-.48-.17a.37.37 0 0 0-.2.23a.4.4 0 0 0 .03.305l1.135 2.015a.384.384 0 0 1-.17.535c-.175.08-.385 0-.485-.17l-1.42-2.52a.38.38 0 0 0-.402-.186a.4.4 0 0 0-.143.066a.41.41 0 0 0-.095.515l.875 1.55a.385.385 0 0 1-.273.569a.37.37 0 0 1-.372-.189l-.215-.385a.38.38 0 0 0-.545-.12a.41.41 0 0 0-.095.515l.605 1.07a.383.383 0 0 1-.17.54a.376.376 0 0 1-.48-.175l-.265-.46a.38.38 0 0 0-.24-.18a.36.36 0 0 0-.3.06c-.155.115-.19.345-.095.515l1.46 2.585a.38.38 0 0 1-.046.44a.4.4 0 0 1-.124.096c-.18.085-.39 0-.485-.17l-2.655-4.696c-.1-.175-.305-.26-.485-.175a.37.37 0 0 0-.2.23a.4.4 0 0 0 .03.305l1.1 1.94a.39.39 0 0 1-.044.445a.4.4 0 0 1-.126.095a.38.38 0 0 1-.485-.175l-.745-1.315a.38.38 0 0 0-.24-.18a.36.36 0 0 0-.3.06c-.155.115-.19.345-.095.515l1.015 1.8a.384.384 0 0 1-.17.54a.376.376 0 0 1-.48-.175l-2.226-3.935a.38.38 0 0 0-.396-.183a.4.4 0 0 0-.144.063a.41.41 0 0 0-.1.515l2.86 5.06a.386.386 0 0 1-.17.54c-.174.08-.384 0-.484-.174l-1.99-3.53a.38.38 0 0 0-.402-.182a.4.4 0 0 0-.139.061a.395.395 0 0 0-.1.515l.945 1.67a.386.386 0 0 1-.17.54c-.18.08-.39 0-.485-.17L3 12l4.515-8.001h9.031l3.786 6.71a.384.384 0 0 1-.17.54a.376.376 0 0 1-.48-.174l-1.135-2zm-2.625 6.016l.97 1.715a.386.386 0 0 1-.17.535c-.18.085-.385 0-.485-.17l-.96-1.7a.384.384 0 0 1 .278-.567a.36.36 0 0 1 .367.187m1.745.1a.4.4 0 0 1 .096.11l.6 1.07c.1.17.065.4-.095.515a.37.37 0 0 1-.54-.12l-.61-1.085a.385.385 0 0 1 .134-.52a.365.365 0 0 1 .415.03m-.774 2.675a.38.38 0 0 1 .25-.15a.37.37 0 0 1 .37.19a.385.385 0 0 1-.274.57a.36.36 0 0 1-.372-.19a.39.39 0 0 1 .026-.42M10.38 9.5l.85-1.5h2.435l-1.925 3.5H4.45l3.645-6.501h7.29l-1.15 2h-4.73l-1.32 2.5z" clip-rule="evenodd"/></svg>

Gai アイコンの使い方

React

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

<Icon icon="token:gai" width="24" />

Vue

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

<template>
  <Icon icon="token:gai" width="24" />
</template>

Svelte

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

<Icon icon="token:gai" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[token--gai]"></span>

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="token:gai"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/token/gai.svg" alt="Gai アイコン" width="24" height="24">

Web3 Icons の関連アイコン

他のアイコンセットの Gai アイコン

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

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

はい。Web3 Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

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

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

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

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

Web3 Icons をすべて見る →