Rbx アイコン
token-branded:rbx
Rbx アイコン(token-branded:rbx)は、Web3 Icons Branded セットの無料 SVG アイコンです（作者: 0xa3k5）。 24 × 24 のグリッドで描かれています。 Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Web3 Icons Branded
- 作者
- 0xa3k5
- ライセンス
- MIT
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path fill="#00309d" d="M6.497 4.738L3 13.862l5.77 6.367l9.216-.432L21 10.576L15.682 3.77z"/><path fill="#062682" d="M6.729 5.031L3.38 13.785L8.914 19.9l8.846-.417l2.885-8.851l-5.101-6.531z"/><path fill="#0541d6" d="m7.475 6.019l-2.88 7.508l4.757 5.246l7.596-.355l2.484-7.59l-4.382-5.606z"/><path fill="#409bea" d="m8.092 6.832l-2.484 6.495l4.109 4.531l6.557-.309l2.145-6.567l-3.786-4.84z"/><path fill="#58c5f5" d="m8.652 7.593l-2.135 5.539l3.523 3.867l5.627-.262l1.84-5.596l-3.245-4.13l-5.61.587z"/><path fill="#bafcfd" d="M9.207 8.313L7.428 12.94l2.942 3.24l4.69-.22l1.533-4.68l-2.706-3.457z"/><path fill="#e1fffe" d="M11.825 11.203L6.461 4.816l.118-.103L12 11.173l-3.137 9.04l-.144-.051l3.106-8.954z"/><path fill="#e1fffe" d="m15.58 4.024l5.153 6.588l-2.92 8.944l-8.929.422l-5.59-6.172L6.678 4.96zm-8.794 1.08L3.469 13.77l5.482 6.048l8.748-.411l2.865-8.759l-5.05-6.464z"/><path fill="#e1fffe" d="m13.209 11.024l2.52-7.175l-.144-.051l-3.297 9.38l-9.17.633l.011.154l9.18-.637l5.621 6.541l.113-.097l-5.616-6.537l.72-2.057l7.833-.504l-.01-.154l-7.766.504z"/></g></svg>Rbx アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:rbx" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:rbx" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:rbx" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--rbx]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:rbx"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:rbx"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token-branded/rbx.svg" alt="Rbx アイコン" width="24" height="24">Web3 Icons Branded の関連アイコン
Rbx アイコン のよくある質問
Rbx アイコンは商用利用でも無料ですか?
はい。Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Rbx アイコンを使うには?
@iconify/react をインストールして <Icon icon="token-branded:rbx" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Rbx アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token-branded/rbx.svg" alt="Rbx アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。