Kuji Background アイコン
token-branded:kuji-background
Kuji Background アイコン(token-branded:kuji-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
- タグ
- kujibackground
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="#e53935" d="M24 0H0v24h24z"/><path fill="#fff" d="M20 7V6h-3.74a26 26 0 0 0-.59-2l-1.205.21c.225.575.435 1.2.61 1.79H11.5v1zm-9.33 8.5V8.275H8.91c.365-.54.73-1.2 1.1-2V5.5H7.125c.16-.35.3-.75.44-1.115l-1.12-.35A9.5 9.5 0 0 1 4 8.175l.26 1.235c.23-.21.53-.42.74-.645V15.5zM7.705 8.28H5.36q.71-.84 1.28-1.78h2.2a16 16 0 0 1-1.135 1.78M14.9 20c.875 0 1.1-.485 1.1-1.445V13.5h3v-5h-6.785v5H15v4.76c0 .435-.175.74-.525.74c-.4 0-.82-.035-1.24-.085L13.48 20zm-7.4-8.5H6V9.3h1.5zm2 0h-1V9.3h1zm8.5 1h-4.6v-3H18zm-8.5 2h-1v-2h1zm-2 0H6.01v-2H7.5zm4.255 5c.831-1.337 1.5-2.77 1.99-4.265l-1.01-.485a19.2 19.2 0 0 1-1.925 4.065z"/><path fill="#fff" d="m20 18.36l-.95.64A32 32 0 0 0 17 15.05l.95-.55A33 33 0 0 1 20 18.36m-9-.075l-.81.215a24 24 0 0 0-.69-2.25l.775-.25c.265.65.495 1.415.725 2.285m-1.5 1.1l-.94.115c-.09-1.47-.27-2.6-.56-3.385L8.9 16c.295.83.49 1.955.6 3.385m-2 .005l-.84.11c-.03-1.46-.08-2.6-.16-3.39l.775-.11c.11.83.195 1.965.225 3.39M6 16.135c-.125 1.45-.4 2.735-.84 3.865L4 19.675A11.4 11.4 0 0 0 4.865 16z"/><path fill="#fff" d="M13.41 6.5c2.975 0 4.3 1.425 4.59 2.14c-.27 2.665-2.55 3.325-3.72 3.62c-4.09 1.315-4.355 2.665-4.355 3.585c0 .925.735 1.415.935 1.58c.37-.72 1.11-1.28 1.545-1.28c-.335.59.335 1.645.335 2.005a3.04 3.04 0 0 1 2.175 1.15c-.22.07-.835.2-1.505.2c-5.06 0-6.77-5.1-6.77-6.285c0-.95.29-1.91.435-2.27c-.37.085-1.2.26-1.575.26c.16-1.185 1.65-1.72 2.38-1.84c.225-.31.75-.98 1.07-1.22C8.75 8 7.4 8 7 8c.83-1.29 3.1-1.325 4.03-1.14c.355-.12 1.335-.36 2.38-.36"/><path fill="#fff" d="M16.5 8.88a5.135 5.135 0 0 0-6.5.62h.925c.585 0 1.14-.62 2.435-.62c1.036 0 1.91.25 2.216.374c.31-.05.925-.2.925-.375m-8.13 6.06c0-.966.42-2.61.63-3.31c-1.22-.86-.96 2.834-1 3.054c-.034.225.26.415.37.255M8 12v-1c-.47 0-.524.664-.49 1zm-.5 1.5V12c-.47 0-.524 1-.49 1.5z"/><path fill="#fff" d="M17.5 8.285c-3.76-2.63-7.235-.62-8.5.715h.42c.65-.46 2.395-1.375 4.12-1.375s2.995.69 3.415 1.03c.18-.085.545-.28.545-.37"/></g><defs><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>Kuji Background アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:kuji-background" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:kuji-background" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:kuji-background" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--kuji-background]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:kuji-background"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:kuji-background"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token-branded/kuji-background.svg" alt="Kuji Background アイコン" width="24" height="24">Web3 Icons Branded の関連アイコン
Kuji Background アイコン のよくある質問
Kuji Background アイコンは商用利用でも無料ですか?
はい。Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Kuji Background アイコンを使うには?
@iconify/react をインストールして <Icon icon="token-branded:kuji-background" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Kuji Background アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token-branded/kuji-background.svg" alt="Kuji Background アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。