Kas アイコン
token:kas
Kas アイコン(token:kas)は、Web3 Icons セットの無料 SVG アイコンです（作者: 0xa3k5）。 24 × 24 のグリッドで描かれています。 Web3 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Web3 Icons
- 作者
- 0xa3k5
- ライセンス
- MIT
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M10.02 3.045a6.3 6.3 0 0 0-2.556.879c-.768.476-3.198 2.843-3.695 3.6c-.662 1.005-.72 1.27-.763 3.282c-.031 1.9.053 3.028.307 3.917c.292 1.016.593 1.44 2.224 3.134c1.667 1.73 2.202 2.18 2.964 2.488a8.13 8.13 0 0 0 5.214.396c2.79-.725 4.907-2.408 6.14-4.87q.61-1.332 1.044-2.731c.153-.54.127-2.128-.043-2.769c-.54-2.032-1.254-3.382-2.472-4.647a9.27 9.27 0 0 0-4.658-2.562c-1.228-.161-2.47-.2-3.706-.117m4.362 3.833l.794 5.124c-.238 1.599-.614 3.435-.836 5.029l-1.885-.44c.276-1.741.53-3.409.498-3.44c-.016-.016-.08 0-.137.053c-.795.619-3.796 2.869-3.796 2.869l-1.15-1.456c.55-.455 3.415-2.7 3.415-2.7L7.87 9.186L8.935 7.74l4.023 2.937s-.407-3.107-.487-3.451l1.906-.35z"/></svg>Kas アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token:kas" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token:kas" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token:kas" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token--kas]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token -->
<div class="i-token:kas"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token:kas"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token/kas.svg" alt="Kas アイコン" width="24" height="24">Web3 Icons の関連アイコン
他のアイコンセットの Kas アイコン
Kas アイコン のよくある質問
Kas アイコンは商用利用でも無料ですか?
はい。Web3 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Kas アイコンを使うには?
@iconify/react をインストールして <Icon icon="token:kas" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Kas アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token/kas.svg" alt="Kas アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。