Ren アイコン
token:ren
Ren アイコン(token:ren)は、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" d="M11.983 3L4.034 7.594v.15l2.277-1.248l.225.226h.016l1.33-.7l.158.316l4.847-2.817zm1.24.715L4.042 9.006v.225l2.277-1.33l.225.316L9.137 6.73l.158.315l4.874-2.785zm1.313.755L4.042 10.494v.15l2.277-1.247l.225.308h.008l3.84-2.27l.158.316l4.856-2.78zm1.248.719l-11.75 6.718v.225l2.277-1.33l.225.316h.016l5.095-2.894l.158.233l4.849-2.768zm1.234.71L4.042 13.387v.165l2.277-1.254l.225.233h.008l6.35-3.608l.158.233l4.893-2.718zm1.234.71l-14.21 8.199v.233l2.277-1.33l.225.307h.008l7.605-4.388l.157.315l4.88-2.793zm1.242.716l-15.452 8.97v.151l2.277-1.247l.225.315l7.613-4.471l.158.315l5.652-3.216v-.545zM6.319 16.61l-1.256.782l-.24-.158l15.144-8.71v1.03l-5.652 3.292l-.158-.316l-7.688 4.389zm7.996-2.277l-.158-.316l-6.358 3.608l-.226-.308l-1.254.774l-.24-.076l13.888-8.063v1.007zM8.904 18.1l-1.33.706l-.008-.008l-.225-.075l12.626-7.29v1.022l-5.652 3.292l-.15-.315l-5.111 2.983zm1.255.706l-1.33.706v-.015l-.24-.075l11.378-6.576v1.098l-5.652 3.291l-.158-.316l-3.848 2.202zm-.083 1.488l-.233-.159l10.124-5.8v1.022l-5.652 3.291l-.158-.315l-2.593 1.488l-.15-.308zm2.51-.075L11.331 21l-.157-.075l8.793-5.177v1.097l-5.652 3.292l-.158-.316l-1.33.706z"/></svg>Ren アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token:ren" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token:ren" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token:ren" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token--ren]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token -->
<div class="i-token:ren"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token:ren"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token/ren.svg" alt="Ren アイコン" width="24" height="24">Web3 Icons の関連アイコン
他のアイコンセットの Ren アイコン
Ren アイコン のよくある質問
Ren アイコンは商用利用でも無料ですか?
はい。Web3 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Ren アイコンを使うには?
@iconify/react をインストールして <Icon icon="token:ren" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Ren アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token/ren.svg" alt="Ren アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。