Qkc アイコン
token:qkc
Qkc アイコン(token:qkc)は、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="M20.449 5.296a.9.9 0 0 0-.99.287l-4.367 5.289c-.793-.973-1.593-1.846-2.392-2.819a.9.9 0 0 0-.635-.326c-.479-.034-.771.326-.8.349c-.787.973-1.614 1.823-2.408 2.796l-4.31-5.267c-.365-.337-.85-.427-1.181-.236A.87.87 0 0 0 3 5.808v12.413c.023.044.169.365.546.49c.416.134.754-.102.788-.125l4.512-5.463c.867 1.052 1.733 1.992 2.6 3.044c.062.04.264.169.54.157a.96.96 0 0 0 .49-.168l2.616-3.033l4.096 4.929c.298.596.934.827 1.35.63c.372-.18.45-.658.462-.715V6.033a.81.81 0 0 0-.551-.737M4.682 15.936V8.059l3.376 3.978zm7.445-1.34a.22.22 0 0 1-.141.069c-.101.01-.169-.062-.186-.068c-.703-.855-1.35-1.716-2.054-2.572l1.981-2.56a1 1 0 0 1 .281-.045c.096.006.17.028.226.045l2.014 2.521zm7.185 1.34l-3.376-3.91l3.376-3.967z"/></svg>Qkc アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token:qkc" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token:qkc" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token:qkc" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token--qkc]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token -->
<div class="i-token:qkc"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token:qkc"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token/qkc.svg" alt="Qkc アイコン" width="24" height="24">他のアイコンセットの Qkc アイコン
Qkc アイコン のよくある質問
Qkc アイコンは商用利用でも無料ですか?
はい。Web3 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Qkc アイコンを使うには?
@iconify/react をインストールして <Icon icon="token:qkc" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Qkc アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token/qkc.svg" alt="Qkc アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。