Kan アイコン

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

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

token:kan

Kan アイコン(token:kan)は、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="M20.057 15.964c-.06.113-.114.222-.172.33a9 9 0 0 1-4.114 3.87a8.96 8.96 0 0 1-4.094.83a8.93 8.93 0 0 1-5.185-1.874a9 9 0 0 1-2.675-3.37a2.8 2.8 0 0 1-.23-.876c-.03-.248-.01-.5.057-.74c.101-.34.308-.6.605-.788c.255-.161.53-.261.836-.25c.298.01.556.124.79.3c.262.197.455.45.625.728q.54.886 1.221 1.668a8.6 8.6 0 0 0 1.88 1.625c.53.332 1.1.594 1.697.78a8.2 8.2 0 0 0 2.733.346a9 9 0 0 0 1.745-.262q.733-.181 1.432-.461a9.4 9.4 0 0 0 1.609-.817c.452-.291.875-.618 1.222-1.034q0-.002.018-.005M3.945 8.029q.103-.196.208-.391a9 9 0 0 1 1.948-2.416a8.9 8.9 0 0 1 4.5-2.112a9 9 0 0 1 1.846-.1a8.9 8.9 0 0 1 3.524.906a9.03 9.03 0 0 1 3.977 3.855c.174.327.335.66.414 1.026c.067.314.092.63.026.946a1.37 1.37 0 0 1-.61.892a1.54 1.54 0 0 1-.675.26a1.27 1.27 0 0 1-.827-.191c-.319-.194-.554-.468-.747-.784A12 12 0 0 0 16 7.9a8 8 0 0 0-2.134-1.624a7.2 7.2 0 0 0-1.845-.654a8.4 8.4 0 0 0-2.069-.167a8.4 8.4 0 0 0-1.43.192q-.98.214-1.906.603c-.705.297-1.375.659-1.979 1.133a4.5 4.5 0 0 0-.662.63l-.02.022z"/><path fill="currentColor" d="M12.002 7.855c2.277-.003 4.12 1.846 4.137 4.11c.018 2.315-1.854 4.225-4.135 4.226c-2.284 0-4.126-1.899-4.141-4.165c-.016-2.282 1.837-4.177 4.139-4.171m1.992 4.146l.02-.026q.343-.36.4-.853c.043-.328-.03-.66-.205-.941c-.231-.371-.739-.597-1.168-.684c-.036-.007-.042-.023-.04-.057c.002-.093-.002-.291 0-.384c0-.043-.016-.058-.06-.058c-.253.002-.638.007-.89.005c-.042 0-.052.016-.05.053c.002.084-.003.304 0 .388c.001.043-.014.06-.058.059c-.387-.001-.5-.003-.888-.003c-.041 0-.055-.017-.055-.056c.002-.084 0-.304 0-.388c0-.038-.011-.056-.055-.056c-.254.002-.638.002-.891 0c-.042 0-.056.016-.055.056c.002.08-.002.297.002.377c.002.051-.017.068-.068.067c-.154-.002-.221 0-.376-.001c-.03 0-.057-.002-.056.045c.002.253.002.637 0 .89c-.001.056.02.069.07.068c.152-.003.215.003.366.001c.049-.001.064.015.064.064a684 684 0 0 0 0 2.865c0 .056-.02.07-.07.068c-.156-.003-.223 0-.377-.001c-.031 0-.054.001-.054.043c0 .26-.001.65-.003.91c0 .031.01.05.046.048c.048-.002.169 0 .217 0h.185q.06.002.057.065c-.003.08.003.297 0 .377c-.002.048.014.059.063.058q.438-.003.876 0c.044 0 .06-.016.06-.058c-.002-.083.001-.3 0-.383c-.002-.039.01-.059.047-.059h.758l.129.001c.047 0 .07.017.067.07c-.005.084 0 .3-.002.384c0 .033.012.045.047.045h.903c.035 0 .051-.01.05-.048c0-.095.004-.294 0-.389c0-.04.011-.054.05-.064c.095-.025.364-.05.455-.085A1.477 1.477 0 0 0 13.994 12m-10.51-.615c-.006-.132-.018-.263-.017-.395a3.6 3.6 0 0 1 .228-1.255c.197-.525.51-.97.92-1.352a7.9 7.9 0 0 1 1.84-1.286a9 9 0 0 1 1.88-.693q.667-.165 1.348-.244a11 11 0 0 1 1.984-.05c.124.007.248.022.372.034q.009.001.026.008a10.8 10.8 0 0 0-4.888 1.62a12.05 12.05 0 0 0-3.693 3.612m8.457 6.473a10.9 10.9 0 0 0 4.886-1.632a11.8 11.8 0 0 0 3.683-3.624c.008.09.02.176.021.262a3.53 3.53 0 0 1-.64 2.182c-.19.27-.422.5-.668.717a7.9 7.9 0 0 1-2.074 1.326a9.5 9.5 0 0 1-2.283.673a11.2 11.2 0 0 1-2.313.14c-.204-.009-.408-.03-.612-.044"/><path fill="currentColor" d="M11.075 11.5c-.074 0-.075-.001-.075-.075v-.858c0-.047.008-.07.063-.07c.625.002 1.282-.002 1.907.002c.316.003.5.1.53.38c.038.357-.164.572-.463.614q-.075.009-.15.007zm.97 1.002h.927c.254.006.446.086.528.326c.119.349-.219.675-.55.675h-1.874c-.077 0-.076 0-.076-.077l-.003-.88c0-.047.025-.046.057-.046z"/></svg>

Kan アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

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

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

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

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

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

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

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

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

Web3 Icons をすべて見る →