Kwai アイコン
token:kwai
Kwai アイコン(token:kwai)は、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" fill-rule="evenodd" d="M3 9h3.143l.314.322L6.672 9h3.81c.132.131.394.394.394.405l.15-.405h1.624l.397.405l.199-.405h4.238l.434.442l.18 2.982L18.713 9h1.767l.521.405L20.047 15h-3.69l-.423-.428v-.322h-.263l-.288.75h-3.908l-.412-.383v-.637L10.699 15H6.91l-.409-.383l-.58-1.237l-.3 1.62H3.734l-.394-.383l.784-4.702zm4.5 3.086l.937-1.612v3.262zM3.466 9.188l.862.633l-.802 4.617H5.1l.363-2.322l1.14 2.322h1.932l-1.564-2.72l1.582-2.53H6.77l-1.12 2.088l.318-2.088zm6.678 0H8.626v5.25h1.657l.968-2.993v2.992h2.052l1.188-2.126h-.795l.93-3.123h-1.361l-.964 3.105l.097-3.105h-1.387l-.975 3.105zm4.647 5.25h-1.466L16.17 11.4h-1.125l1.342-2.212h.874l.319 5.25h-1.568v-.758h-.96zm3.127 0h1.549l.938-5.25h-1.606z" clip-rule="evenodd"/></svg>Kwai アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token:kwai" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token:kwai" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token:kwai" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token--kwai]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token -->
<div class="i-token:kwai"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token:kwai"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token/kwai.svg" alt="Kwai アイコン" width="24" height="24">他のアイコンセットの Kwai アイコン
Kwai アイコン のよくある質問
Kwai アイコンは商用利用でも無料ですか?
はい。Web3 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Kwai アイコンを使うには?
@iconify/react をインストールして <Icon icon="token:kwai" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Kwai アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token/kwai.svg" alt="Kwai アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。