Ren アイコン
cryptocurrency-color:ren
Ren アイコン(cryptocurrency-color:ren)は、Cryptocurrency Color Icons セットの無料 SVG アイコンです（作者: Christopher Downer）。 32 × 32 のグリッドで描かれています。 Cryptocurrency Color Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Cryptocurrency Color Icons
- 作者
- Christopher Downer
- ライセンス
- CC0-1.0
- サイズ
- 32 × 32
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><circle cx="16" cy="16" r="16" fill="#080817"/><path fill="#FFF" d="m9.44 9.754l1.564-.901l.222.363l5.8-3.35l-.427-.253l-.428-.236l-.205-.127L6.5 10.719v.236L9.218 9.39zm0 3.444l4.55-2.623l.205.365l5.817-3.352l-.426-.253l-.427-.236l-.207-.127L6.5 14.146v.253l2.718-1.564zm0 1.722l6.036-3.49l.205.363l5.817-3.35l-.426-.238l-.43-.254l-.204-.126L6.5 15.87v.25l2.718-1.578zm0 1.708l7.568-4.363l.208.366l5.768-3.335l-.429-.239l-.426-.25l-.205-.113L6.5 17.593v.236l2.718-1.564zm0 1.722l9.054-5.23l.207.38l5.769-3.334l-.43-.254l-.408-.238l-.222-.125L6.5 19.315v.236l2.718-1.564zm15.675-7.821l-.22-.127L6.5 21.037v.236l2.718-1.564l.222.363l9.054-5.23l.207.364l6.73-3.871v-.616zM7.67 22.318l1.517-.87l.221.364l9.04-5.23l.22.377l6.764-3.919v-1.216L7.465 22.192zm10.778-4.014l.22.38l6.764-3.92v-1.217L8.95 23.06l.204.127l1.55-.901l.219.363m-.282 1.391l1.564-.9l.204.38l6.04-3.494l.218.363l6.765-3.902v-1.232l-14.998 8.659zm1.501.853l1.549-.884l.204.363l4.553-2.624l.22.363l6.764-3.902v-1.233L11.92 24.783zm1.264.743l.221.127l1.55-.902l.204.38l3.067-1.77l.22.365l6.764-3.905V18.7zm1.707.979l1.55-.884l.219.363l1.566-.916l.22.38l6.764-3.905v-1.232l-10.526 6.085zm3.413-19.896l-.426-.236l-.427-.254l-.221-.126L6.5 12.44v.236l2.718-1.564l.222.363l3.064-1.768l.208.363z"/></g></svg>Ren アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="cryptocurrency-color:ren" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cryptocurrency-color:ren" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cryptocurrency-color:ren" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cryptocurrency-color--ren]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cryptocurrency-color -->
<div class="i-cryptocurrency-color:ren"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cryptocurrency-color:ren"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/cryptocurrency-color/ren.svg" alt="Ren アイコン" width="24" height="24">他のアイコンセットの Ren アイコン
Ren アイコン のよくある質問
Ren アイコンは商用利用でも無料ですか?
はい。Cryptocurrency Color Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Ren アイコンを使うには?
@iconify/react をインストールして <Icon icon="cryptocurrency-color:ren" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Ren アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/cryptocurrency-color/ren.svg" alt="Ren アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。