Rsr アイコン
token:rsr
Rsr アイコン(token:rsr)は、Web3 Icons セットの無料 SVG アイコンです（作者: 0xa3k5）。 24 × 24 のグリッドで描かれています。 Web3 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Web3 Icons
- 作者
- 0xa3k5
- ライセンス
- MIT
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M7.81 3h2.196c.089-.004.295.081.306.458s.005 2.238 0 3.176l-.001.017c-.01.104-.027.277.217.287c.26.011 2.055.005 2.922 0c.17 0 .238-.097.238-.303V3.358c0-.119.13-.357.365-.357h2.177a.37.37 0 0 1 .27.357v3.276c.014.106.131.304.278.304h2.725c.175 0 .372.113.372.308v2.218c-.006.095-.087.285-.372.285h-2.725c-.075.004-.278.046-.278.29v3.944c0 .085.096.256.278.266s1.892.004 2.725 0c.123.017.372.119.372.393v2.124c-.023.096-.129.297-.372.297h-2.725c-.075.01-.278.068-.278.253v3.415c-.008.09-.025.269-.242.269h-2.285c-.075-.02-.286-.1-.286-.269v-3.416c-.008-.087-.028-.253-.284-.253h-2.86c-.083.017-.221.082-.23.253s-.005 2.321 0 3.416c-.012.09-.108.269-.289.269H7.716c-.078-.01-.215-.079-.215-.269v-3.416c.007-.087-.06-.253-.303-.253H4.36c-.082-.011-.242-.104-.233-.341s.003-1.547 0-2.182c.042-.097.182-.29.405-.29h2.666c.094-.01.303-.105.303-.413v-3.612c.004-.105-.011-.476-.38-.476H4.53c-.139 0-.404-.011-.404-.4V7.293c.016-.115.107-.356.331-.356H7.12l.03-.003c.148-.011.351-.027.351-.405V3.358c-.02-.12.071-.358.31-.358m2.686 6.75h2.956a.316.316 0 0 1 .233.317a431 431 0 0 0 0 3.95c.014.073-.014.222-.233.23c-.22.009-2.061.003-2.956 0c-.065 0-.183-.09-.183-.23v-4.06c0-.1.061-.207.183-.207" clip-rule="evenodd"/></svg>Rsr アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token:rsr" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token:rsr" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token:rsr" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token--rsr]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token -->
<div class="i-token:rsr"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token:rsr"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token/rsr.svg" alt="Rsr アイコン" width="24" height="24">他のアイコンセットの Rsr アイコン
Rsr アイコン のよくある質問
Rsr アイコンは商用利用でも無料ですか?
はい。Web3 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Rsr アイコンを使うには?
@iconify/react をインストールして <Icon icon="token:rsr" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Rsr アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token/rsr.svg" alt="Rsr アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。