Ren Background アイコン
token-branded:ren-background
Ren Background アイコン(token-branded:ren-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
- タグ
- renbackground
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="#16406e" d="M24 0H0v24h24z"/><path fill="#fff" d="M11.985 4L4.919 8.083v.133l2.024-1.109l.2.201h.014l1.182-.621l.14.28l4.31-2.504zm1.102.635L4.926 9.34v.2L6.95 8.357l.2.28l2.305-1.322l.14.28l4.333-2.476zm1.167.672L4.926 10.66v.134l2.024-1.11l.2.275h.007l3.414-2.018l.14.281l4.317-2.47zm1.11.639L4.918 11.917v.2l2.024-1.182l.2.28h.014l4.53-2.571l.14.207l4.31-2.46zm1.097.631L4.926 13.233v.147l2.024-1.115l.2.207h.007l5.645-3.207l.14.207l4.35-2.416zm1.097.632L4.926 14.496v.207L6.95 13.52l.2.273h.007l6.76-3.901l.14.28l4.339-2.482zm1.103.635L4.926 15.818v.134l2.024-1.109l.2.28l6.767-3.974l.14.28l5.024-2.859v-.484zM6.95 16.1l-1.116.695l-.214-.141l13.462-7.742v.916l-5.024 2.926l-.14-.28l-6.835 3.9zm7.108-2.024l-.14-.28L8.265 17l-.2-.274l-1.116.688l-.214-.067l12.345-7.168v.895zm-4.81 3.347l-1.183.627l-.006-.006l-.2-.067l11.222-6.48v.909l-5.023 2.926l-.134-.28l-4.543 2.65zm1.115.627l-1.182.628v-.013l-.214-.067l10.114-5.845v.976l-5.023 2.925l-.14-.28l-3.42 1.957zm-.073 1.323l-.207-.14l8.998-5.157v.909l-5.023 2.926l-.14-.281l-2.305 1.322l-.134-.273zm2.231-.067L11.405 20l-.14-.067l7.816-4.602v.976l-5.023 2.926l-.14-.281l-1.183.628z"/></g><defs><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>Ren Background アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:ren-background" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:ren-background" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:ren-background" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--ren-background]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:ren-background"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:ren-background"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token-branded/ren-background.svg" alt="Ren Background アイコン" width="24" height="24">Web3 Icons Branded の関連アイコン
Ren Background アイコン のよくある質問
Ren Background アイコンは商用利用でも無料ですか?
はい。Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Ren Background アイコンを使うには?
@iconify/react をインストールして <Icon icon="token-branded:ren-background" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Ren Background アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token-branded/ren-background.svg" alt="Ren Background アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。