Rai Background アイコン
token-branded:rai-background
Rai Background アイコン(token-branded:rai-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
- タグ
- raibackground
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="#68fee2" d="m6.312 9.02l-.484 1.392a.86.86 0 0 0 .044.68l1.973 3.857a.733.733 0 0 0 1.262.071l5.422-8.19a1 1 0 0 0 .133-.307l.334-1.631a.711.711 0 0 0-1.085-.756l-7.24 4.44a.9.9 0 0 0-.359.453z"/><path fill="#1fc9a8" d="M8.32 15.333a.75.75 0 0 0 .707-.205l5.795-10.88C14.6 4 14.28 3.96 13.947 4.16L6.672 8.578a.8.8 0 0 0-.222.204l1.87 6.555z"/><path fill="#a5e9dc" d="m12.076 9.4l-.614-2.564l-.444.689l.64 2.666zm-1.014 1.902l-.969-3.813l-1.106.422l1.169 5.093z"/><path fill="#19898a" d="m6.502 8.733l6.804-1.671l1.525-2.827a.724.724 0 0 0-.92-.124L6.689 8.577a1 1 0 0 0-.187.16z"/><path fill="#68fee2" d="m17.688 14.976l.485-1.39a.86.86 0 0 0-.045-.68l-1.973-3.858a.734.734 0 0 0-1.262-.072l-5.426 8.191a1 1 0 0 0-.134.307L9 19.104a.733.733 0 0 0 1.111.774l7.213-4.453a.9.9 0 0 0 .36-.453z"/><path fill="#1fc9a8" d="M15.68 8.674a.73.73 0 0 0-.706.2L9.179 19.758c.222.244.59.262.92.058l7.23-4.387a.8.8 0 0 0 .223-.204z"/><path fill="#19898a" d="m17.555 15.222l-6.853 1.68L9.17 19.75c.218.25.6.343.969.138l7.24-4.489a.6.6 0 0 0 .177-.177"/><path fill="#a5e9dc" d="m16.4 11.185l-2.044-1.15l-.33.612l2.645 1.485zm.618 2.16l-3.449-1.83l-.475.888c.733.387 2.933 1.613 4.342 2.404z"/><path fill="#fff" d="M8 7.11c0 .65-.604.885-.906.92c.302-.021.902.116.902.858c0-.684.582-.857.875-.857c-.697 0-.875-.614-.875-.92zm3.12 1.334c0 .324-.302.444-.453.462c.15-.013.453.058.453.427c0-.342.289-.427.436-.427c-.351 0-.436-.31-.436-.462m2.218 8.11c0 .245-.222.334-.338.347c.111-.009.338.045.338.32c0-.258.222-.32.329-.32c-.263 0-.33-.23-.33-.346"/></g><defs><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>Rai Background アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:rai-background" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:rai-background" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:rai-background" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--rai-background]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:rai-background"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:rai-background"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token-branded/rai-background.svg" alt="Rai Background アイコン" width="24" height="24">Web3 Icons Branded の関連アイコン
Rai Background アイコン のよくある質問
Rai Background アイコンは商用利用でも無料ですか?
はい。Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Rai Background アイコンを使うには?
@iconify/react をインストールして <Icon icon="token-branded:rai-background" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Rai Background アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token-branded/rai-background.svg" alt="Rai Background アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。