Ai アイコン

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

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

token:ai

Ai アイコン(token:ai)は、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" d="M11.606 11.1h-.357l.976 1.8h.3l.975-1.8h-.357l-.769 1.418zm-6.168 0h.28v1.215c0 .126.128.248.23.248H6.99c.101 0 .229-.122.229-.248V11.1H7.5v1.35a.5.5 0 0 1-.11.318a.35.35 0 0 1-.265.132H5.812a.35.35 0 0 1-.265-.132a.5.5 0 0 1-.11-.318zm5.193 0v.338h-.6V12.9H9.75v-1.462h-.619V11.1zm-2.943 0h.28v1.463h1.22v.337h-1.5zm10.125 0a.35.35 0 0 0-.266.132a.5.5 0 0 0-.11.318v.18c0 .12.04.234.11.318c.07.085.166.132.265.132H18.9q.03.004.056.02a.2.2 0 0 1 .046.046q.018.028.027.062q.009.035.006.07a.2.2 0 0 1-.017.068a.2.2 0 0 1-.038.054a.14.14 0 0 1-.051.033a.13.13 0 0 1-.059.007h-1.361v.36h1.428c.1 0 .195-.047.266-.132a.5.5 0 0 0 .11-.318v-.18a.5.5 0 0 0-.11-.318a.35.35 0 0 0-.265-.132h-1.08a.14.14 0 0 1-.103-.062a.2.2 0 0 1-.036-.131a.2.2 0 0 1 .052-.124a.14.14 0 0 1 .109-.043h1.361v-.36zm-6.657 0h-.281v1.8h.281zm4.031 0v.338H13.97v.396h1.218v.337H13.97v.392h1.218v.337h-1.5v-1.8zm5.813.338V11.1h-1.5v1.8H21v-.337h-1.219v-.396H21v-.338h-1.219v-.391zm-5.531-.338v1.8h.281v-.68h.754l.262.68h.315l-.262-.684a.36.36 0 0 0 .241-.146a.5.5 0 0 0 .096-.304v-.216c0-.12-.04-.234-.11-.318a.35.35 0 0 0-.265-.132zm.281.756v-.45h.986c.05 0 .098.024.133.066a.25.25 0 0 1 .055.16a.25.25 0 0 1-.055.158a.17.17 0 0 1-.133.066zM5.25 11.1h-.285l-.825 1.332l-.855-1.323V11.1H3v1.8h.281v-1.242L4.08 12.9h.12l.765-1.215V12.9h.285z"/></svg>

Ai アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

Web3 Icons の関連アイコン

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

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

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

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

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

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

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

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

Web3 Icons をすべて見る →