Kmon Background アイコン
token-branded:kmon-background
Kmon Background アイコン(token-branded:kmon-background)は、Web3 Icons Branded セットの無料 SVG アイコンです（作者: 0xa3k5）。 24 × 24 のグリッドで描かれています。 Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Web3 Icons Branded
- 作者
- 0xa3k5
- ライセンス
- MIT
- サイズ
- 24 × 24
- タグ
- kmonbackground
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><g clip-path="url(#SVGHcSWxdhd)"><path fill="#f231af" d="M24 0H0v24h24z"/><path fill="#fff" d="m10.308 13.152l.9 2.546a.66.66 0 0 0 .824.384a.6.6 0 0 0 .407-.768l-.713-1.988l3.986 1.815c.343.155.754.027.919-.293a.626.626 0 0 0-.311-.86l-4.092-1.864l2.035-3.292c.183-.31.06-.704-.293-.868c-.352-.165-.8-.055-.987.256l-1.948 3.154l-.603-1.7a.66.66 0 0 0-.819-.385c-.333.105-.52.444-.411.768l.439 1.235v.023c-.018.594-.22 1.142-.814 1.142c-1.065 0-1.065-1.81-1.065-2.331c0-.517.389-4.037 4.878-4.037c4.494 0 5.984 3.84 5.984 6.007s-1.669 5.847-6.281 5.847c-.12 0-.979 1.372.22 1.372c4.031 0 7.437-3.283 7.437-7.338c0-.96-.284-3.588-2.652-5.554A6.92 6.92 0 0 0 12.7 4.686c-1.792 0-3.255.663-4.215 1.403c-2.011 1.555-2.13 3.913-2.13 4.357c0 1.056.608 3.383 2.432 3.383a1.83 1.83 0 0 0 1.522-.677"/><path fill="#fff" d="M12.47 17.943v1.371h-.008c-6.976 0-8.462-7.9-8.462-7.9l1.189-.329c0 1.756 2.496 6.858 7.053 6.858z"/></g><defs><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>Kmon Background アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:kmon-background" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:kmon-background" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:kmon-background" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--kmon-background]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:kmon-background"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:kmon-background"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token-branded/kmon-background.svg" alt="Kmon Background アイコン" width="24" height="24">Web3 Icons Branded の関連アイコン
Kmon Background アイコン のよくある質問
Kmon Background アイコンは商用利用でも無料ですか?
はい。Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Kmon Background アイコンを使うには?
@iconify/react をインストールして <Icon icon="token-branded:kmon-background" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Kmon Background アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token-branded/kmon-background.svg" alt="Kmon Background アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。