Rbx Background アイコン
token-branded:rbx-background
Rbx Background アイコン(token-branded:rbx-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
- タグ
- rbxbackground
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="#fff" d="M24 0H0v24h24z"/><path fill="#00309d" d="M7.109 5.545L4 13.655l5.13 5.66l8.191-.385L20 10.734l-4.727-6.048z"/><path fill="#062682" d="m7.314 5.806l-2.976 7.78l4.92 5.436l7.862-.37l2.565-7.868L15.15 4.98z"/><path fill="#0541d6" d="m7.977 6.684l-2.56 6.674l4.23 4.663l6.751-.315l2.208-6.747l-3.895-4.983z"/><path fill="#409bea" d="m8.526 7.406l-2.208 5.773l3.652 4.028l5.83-.275l1.905-5.837l-3.364-4.302z"/><path fill="#58c5f5" d="m9.024 8.082l-1.898 4.923l3.132 3.438l5.001-.233l1.637-4.974l-2.885-3.67l-4.987.52z"/><path fill="#bafcfd" d="m9.518 8.722l-1.582 4.115l2.615 2.88l4.169-.197l1.362-4.16l-2.404-3.072z"/><path fill="#e1fffe" d="M11.845 11.292L7.077 5.614l.105-.092L12 11.264l-2.788 8.037l-.128-.046l2.76-7.959z"/><path fill="#e1fffe" d="m15.182 4.91l4.581 5.856l-2.597 7.95l-7.936.375l-4.969-5.486L7.27 5.742zm-7.817.96l-2.948 7.703l4.873 5.376l7.776-.366l2.546-7.785l-4.489-5.746z"/><path fill="#e1fffe" d="m13.075 11.132l2.24-6.377l-.128-.046l-2.93 8.338l-8.152.563l.01.137l8.16-.567l4.996 5.815l.1-.087l-4.991-5.81l.64-1.829l6.962-.448l-.01-.137l-6.902.448z"/></g><defs><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>Rbx Background アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:rbx-background" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:rbx-background" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:rbx-background" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--rbx-background]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:rbx-background"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:rbx-background"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token-branded/rbx-background.svg" alt="Rbx Background アイコン" width="24" height="24">Web3 Icons Branded の関連アイコン
Rbx Background アイコン のよくある質問
Rbx Background アイコンは商用利用でも無料ですか?
はい。Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Rbx Background アイコンを使うには?
@iconify/react をインストールして <Icon icon="token-branded:rbx-background" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Rbx Background アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token-branded/rbx-background.svg" alt="Rbx Background アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。