Revv アイコン

Q: Revv アイコンは商用利用でも無料ですか?

はい。Web3 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

token:revv

Revv アイコン(token:revv)は、Web3 Icons セットの無料 SVG アイコンです（作者: 0xa3k5）。 24 × 24 のグリッドで描かれています。 Web3 Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Web3 Icons
作者: 0xa3k5
ライセンス: MIT
サイズ: 24 × 24

SVG をダウンロード

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="M12 19.94a7.941 7.941 0 1 0 0-15.882a7.941 7.941 0 0 0 0 15.882m0-1.058a6.882 6.882 0 1 0 0-13.765a6.882 6.882 0 0 0 0 13.765" clip-rule="evenodd"/><path fill="currentColor" d="M8.824 10.942h2.117v4.213a1.07 1.07 0 0 1-1.058 1.081a1.07 1.07 0 0 1-1.06-1.081z"/><path fill="currentColor" fill-rule="evenodd" d="M9.883 7.765a1.06 1.06 0 0 0-1.06 1.059v.53h4.154c.484 0 .876.355.876.793s-.392.795-.876.795h-.565a.946.946 0 0 0-.765 1.496l2.462 3.428a.865.865 0 0 0 1.24.186a.946.946 0 0 0 .18-1.29l-1.674-2.369a2.383 2.383 0 0 0-.797-4.628zm3.625-4.101q.652.117 1.278.335l-.288-.648a9 9 0 0 0-1.42-.287zm-.815-.638a9 9 0 0 0-1.441.005l.583.5q.625-.012 1.244.067zm-1.31.526q-.645.046-1.262.187l-.678-.37a9 9 0 0 1 1.411-.297zm-2.32-.062l.618.36a8.5 8.5 0 0 0-1.223.453l-.736-.223a9 9 0 0 1 1.34-.59m-1.689.789q-.676.406-1.272.923l.83.01a8.5 8.5 0 0 1 1.12-.708zM6.55 5.516l-.76-.03q-.538.512-.985 1.107l.732-.069A8.5 8.5 0 0 1 6.55 5.516M5.268 6.859l-.688.046c-.31.45-.579.93-.802 1.43l.769-.363q.317-.586.72-1.113m-.945 1.558l-.71.31a9 9 0 0 0-.424 1.432l.689-.571q.18-.607.445-1.171m-.578 1.677l-.582.456l-.013-.198A9 9 0 0 0 3 12.104l.542-.566q.04-.741.203-1.444m-.215 1.9l-.516.512a9 9 0 0 0 .2 1.454l.416-.651q-.1-.65-.1-1.309zm.18 1.756c-.156.232-.331.49-.402.593q.204.753.526 1.447l.251-.765a8.4 8.4 0 0 1-.374-1.275m.555 1.708l-.25.697q.331.635.755 1.206l.109-.772a8.5 8.5 0 0 1-.614-1.131m.872 1.507l-.12.712q.454.559.99 1.038l-.01-.738a8.5 8.5 0 0 1-.86-1.012m1.174 1.31l-.01.691q.554.454 1.172.814l-.163-.725a8.5 8.5 0 0 1-1-.78m1.37 1.013l.133.681q.64.338 1.336.57l-.313-.679q-.6-.241-1.156-.572m1.567.725l.275.642q.662.19 1.363.277l-.395-.595a8.5 8.5 0 0 1-1.243-.324m1.66.388l.356.57q.734.059 1.468 0l-.524-.503q-.653.015-1.3-.067m1.728.046l.478.485q.753-.094 1.462-.306l-.696-.365q-.607.139-1.244.186m1.693-.3l.633.354a9 9 0 0 0 1.318-.582l-.752-.216a8.5 8.5 0 0 1-1.199.444m1.612-.647l.69.218a9 9 0 0 0 1.238-.894l-.842-.006a8.5 8.5 0 0 1-1.086.682m1.478-.989l.767.026q.556-.526 1.017-1.14l-.805.154q-.451.52-.98.96m1.285-1.333l.742-.12q.434-.639.753-1.341l-.726.275q-.335.625-.769 1.186m.971-1.59l.68-.237q.292-.727.456-1.509l-.66.468a8.4 8.4 0 0 1-.476 1.278m.592-1.735l.619-.413q.12-.755.114-1.518l-.544.572a8.4 8.4 0 0 1-.189 1.358m.204-1.814l.489-.488l.037.201a9 9 0 0 0-.215-1.73l-.424.594q.113.676.113 1.384zm-.192-1.837l.412-.546a9 9 0 0 0-.52-1.433l-.256.754a8.4 8.4 0 0 1 .364 1.225m-.54-1.652l.255-.687l.003.004a9 9 0 0 0-.807-1.28l-.088.795q.363.556.636 1.168M18.837 7l.101-.726l.02.018a9 9 0 0 0-.975-1.014l.03.757q.447.451.824.965m-1.144-1.271l-.008-.705a9 9 0 0 0-1.156-.802l.12.697q.556.365 1.044.81M16.301 4.7l-.096-.66a9 9 0 0 0-1.33-.572l.33.687q.57.234 1.095.545" clip-rule="evenodd"/></svg>

Revv アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="token:revv" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="token:revv" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="token:revv" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[token--revv]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/token -->
<div class="i-token:revv"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="token:revv"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/token/revv.svg" alt="Revv アイコン" width="24" height="24">

他のアイコンセットの Revv アイコン

Revv アイコンのよくある質問

Revv アイコンは商用利用でも無料ですか?

はい。Web3 Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Revv アイコンを使うには?

@iconify/react をインストールして <Icon icon="token:revv" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Revv アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token/revv.svg" alt="Revv アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Web3 Icons をすべて見る →