Klt アイコン
token-branded:klt
Klt アイコン(token-branded:klt)は、Web3 Icons Branded セットの無料 SVG アイコンです(作者: 0xa3k5)。 24 × 24 のグリッドで描かれています。 Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Web3 Icons Branded
- 作者
- 0xa3k5
- ライセンス
- MIT
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path fill="url(#SVGG8S6JeFP)" fill-rule="evenodd" d="M15.235 5.605h-.867v1.8c-.757-.625-2.065-1.326-3.836-1.326h-.08a6.02 6.02 0 0 0-5.363 3.315H3v1.422h1.577q-.156.669-.156 1.387c0 3.42 2.728 6.192 6.101 6.192h.246c1.388 0 2.511-1.142 2.511-2.549v-.152a2.464 2.464 0 0 0-2.444-2.482h-.228a2.07 2.07 0 0 0-1.875 1.208c-.218.464.217.9.73.9c.226 0 .406-.199.51-.402a.86.86 0 0 1 .763-.474h.11a1.113 1.113 0 0 1 1.108 1.127v.29c0 .662-.53 1.207-1.185 1.207h-.345a4.74 4.74 0 0 1-4.676-4.784c0-.507.076-1.004.218-1.469H21v-1.42h-1.9c-.123-2.113-1.804-3.79-3.865-3.79m-.71 3.79c-1.232-1.71-2.999-2.123-3.804-2.104h-.09c-1.639 0-3.088.834-3.979 2.103zm3.368 0h-2.104v-2.36l.162.034c1.136.218 1.837 1.18 1.942 2.325" clip-rule="evenodd"/><defs><linearGradient id="SVGG8S6JeFP" x1="20.394" x2="3.27" y1="10.053" y2="10.053" gradientUnits="userSpaceOnUse"><stop offset=".12" stop-color="#a157fd"/><stop offset="1" stop-color="#0aaef3"/></linearGradient></defs></g></svg>Klt アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:klt" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:klt" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:klt" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--klt]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:klt"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:klt"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token-branded/klt.svg" alt="Klt アイコン" width="24" height="24">Web3 Icons Branded の関連アイコン
他のアイコンセットの Klt アイコン
Klt アイコン のよくある質問
Klt アイコンは商用利用でも無料ですか?
はい。Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Klt アイコンを使うには?
@iconify/react をインストールして <Icon icon="token-branded:klt" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Klt アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token-branded/klt.svg" alt="Klt アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。