Rai アイコン
token-branded:rai
Rai アイコン(token-branded:rai)は、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="#68fee2" d="m5.6 8.649l-.544 1.565a.97.97 0 0 0 .05.765l2.22 4.34a.824.824 0 0 0 1.42.08l6.1-9.215q.105-.158.15-.345l.374-1.835a.8.8 0 0 0-1.22-.85L6.006 8.15c-.19.12-.33.3-.405.51z"/><path fill="#1fc9a8" d="M7.86 15.75a.84.84 0 0 0 .796-.23l6.52-12.24c-.25-.28-.61-.325-.986-.1L6.006 8.15a.9.9 0 0 0-.25.23l2.105 7.374z"/><path fill="#a5e9dc" d="m12.085 9.075l-.69-2.885l-.5.775l.72 3zm-1.14 2.14l-1.09-4.29L8.61 7.4l1.315 5.73z"/><path fill="#19898a" d="m5.815 8.325l7.655-1.88l1.715-3.18a.815.815 0 0 0-1.035-.14L6.025 8.15c-.075.05-.15.11-.21.18z"/><path fill="#68fee2" d="m18.4 15.348l.545-1.565a.97.97 0 0 0-.05-.765l-2.22-4.34a.825.825 0 0 0-1.42-.08L9.15 17.813q-.105.158-.15.345l-.375 1.835a.825.825 0 0 0 1.25.87l8.115-5.01c.19-.12.33-.3.405-.51z"/><path fill="#1fc9a8" d="M16.14 8.259a.82.82 0 0 0-.794.225l-6.52 12.244c.25.275.665.295 1.035.065l8.135-4.935a.9.9 0 0 0 .25-.23z"/><path fill="#19898a" d="m18.25 15.625l-7.71 1.89l-1.725 3.204c.245.28.675.385 1.09.155l8.145-5.05c.08-.05.15-.12.2-.2"/><path fill="#a5e9dc" d="m16.95 11.084l-2.3-1.295l-.37.69l2.975 1.67zm.695 2.43l-3.88-2.06l-.535 1c.825.434 3.3 1.814 4.885 2.704z"/><path fill="#fff" d="M7.5 6.5c0 .73-.68.994-1.02 1.034c.34-.025 1.015.13 1.015.965c0-.77.655-.965.985-.965c-.785 0-.985-.69-.985-1.034zM11.01 8c0 .364-.34.5-.51.52c.17-.016.51.064.51.48c0-.386.325-.48.49-.48c-.395 0-.49-.35-.49-.52m2.495 9.124c0 .275-.25.375-.38.39c.125-.01.38.05.38.36c0-.29.25-.36.37-.36c-.295 0-.37-.26-.37-.39"/></g></svg>Rai アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:rai" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:rai" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:rai" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--rai]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:rai"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:rai"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token-branded/rai.svg" alt="Rai アイコン" width="24" height="24">Web3 Icons Branded の関連アイコン
Rai アイコン のよくある質問
Rai アイコンは商用利用でも無料ですか?
はい。Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Rai アイコンを使うには?
@iconify/react をインストールして <Icon icon="token-branded:rai" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Rai アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token-branded/rai.svg" alt="Rai アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。