Rlb Background アイコン
token-branded:rlb-background
Rlb Background アイコン(token-branded:rlb-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
- タグ
- rlbbackground
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="#ffa101" d="M24 0H0v24h24z"/><path fill="#fff" d="m12.077 7.083l.108.009q.41.037 0 .024l-.508.004c-.306.01-.602.014-.907.014l-.471.01h-.075c-.118 0-.217 0-.33.09a6.15 6.15 0 0 0-1.656 2.022c-.018.033-.06.07-.103.075l-2.193.283l.001.005l.004.004h.005q.902.102 1.802.217q.093.011.188.009l.01.01a.02.02 0 0 1 0 .018a6.1 6.1 0 0 0 0 4.253v.01l-.005.004q-1 .132-2 .259l.005.01l2.197.258a.1.1 0 0 1 .07.052a6.1 6.1 0 0 0 1.708 2.07a.27.27 0 0 0 .155.066l2.278.037a8 8 0 0 1-.668.047l-.142.02l-.113.013l-.197.015c-.386.028-.772.056-1.153.094l-5.283.498l-.226.024c-.16.019-.343.042-.513.047a.1.1 0 0 0-.051.019q-.031.02.004.019h.226c.268 0 .536.014.8.032l.419.024q3.792.151 7.584.33l.277.018c.212.014.423.028.64.014h.028a6.22 6.22 0 0 0 4.088-1.698A6.07 6.07 0 0 0 20 11.933a6.07 6.07 0 0 0-3.472-5.42a6.4 6.4 0 0 0-3.077-.62q-1.226.064-2.451.112c-.165.01-.325.024-.48.02l-.612.027q-.675.038-1.35.061q-1.888.094-3.778.175q-.395.022-.743.023c-.038 0-.047.01-.014.033l.038.01q.246.002.494.032l.329.033q2.548.249 5.095.504q.563.054 1.19.094c.104 0 .202.01.306.023l.32.024l.282.023zm4.032 4.92a2.306 2.306 0 0 1-2.324 2.287a2.306 2.306 0 0 1-2.324-2.286a2.303 2.303 0 0 1 2.324-2.292a2.304 2.304 0 0 1 2.324 2.292"/></g><defs><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>Rlb Background アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:rlb-background" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:rlb-background" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:rlb-background" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--rlb-background]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:rlb-background"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:rlb-background"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token-branded/rlb-background.svg" alt="Rlb Background アイコン" width="24" height="24">Web3 Icons Branded の関連アイコン
Rlb Background アイコン のよくある質問
Rlb Background アイコンは商用利用でも無料ですか?
はい。Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Rlb Background アイコンを使うには?
@iconify/react をインストールして <Icon icon="token-branded:rlb-background" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Rlb Background アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token-branded/rlb-background.svg" alt="Rlb Background アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。