Rvf Background アイコン

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

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

token-branded:rvf-background

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

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

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><g clip-path="url(#SVGHcSWxdhd)"><path fill="#fff" d="M24 0H0v24h24z"/><path fill="#8c20c7" d="M11.144 6.919L7.549 8.96V5.357a7.95 7.95 0 0 1 3.595-1.308z"/><path fill="url(#SVG29s1YcWd)" d="m7.55 8.96l-3.483 1.977a8 8 0 0 1 3.482-5.58z"/><path fill="#2c4ce8" d="m4.929 15.744l7.293 4.249l-.221.004a8 8 0 0 1-7.072-4.253"/><path fill="#9a28c5" d="m14.889 4.786l-3.745 2.131v-2.87a8.1 8.1 0 0 1 3.745.49z"/><path fill="#9a38dd" d="M18.211 6.961a8 8 0 0 0-3.068-2.32l-.254.142v4.14z"/><path fill="url(#SVGzyMhkCrr)" d="m14.889 4.786l-3.745 2.132v4.21l3.745-2.21z"/><path fill="url(#SVGwNROTbcy)" d="M7.55 13.252V8.96l3.594-2.042v4.211l-3.595 2.117z"/><path fill="url(#SVGzIivSyAt)" d="M7.55 13.253V8.962l-3.482 1.976a8.07 8.07 0 0 0 .517 4.06z"/><path fill="url(#SVGt1FeApWQ)" d="M18.395 11.034V7.19l-.189-.235l-3.317 1.962v4.197z"/><path fill="url(#SVGVMNXIbvY)" d="m14.889 8.918l-3.745 2.211v4.207l3.745-2.221z"/><path fill="url(#SVG2dgaRb5b)" d="M7.55 17.473v-4.22l3.594-2.122v4.206z"/><path fill="#4f1ae0" d="m7.55 17.473l-.866.504a8 8 0 0 1-2.103-2.984l2.964-1.745v4.22z"/><path fill="#3756ea" d="M10.725 19.896a7.95 7.95 0 0 1-3.176-1.251v-1.177l3.595-2.131v4.31l-.424.25z"/><path fill="url(#SVGao8q6ThC)" d="m14.889 13.114l-3.745 2.221v4.31l3.745-2.258z"/><path fill="url(#SVG3L8HycQB)" d="M14.89 17.393v-4.277l3.505-2.08v4.244z"/><path fill="#812bd5" d="m19.797 10.208l-1.515.894V7.046a8 8 0 0 1 1.515 3.162"/><path fill="#4f3fe2" d="m18.352 15.31l1.223-.74a8 8 0 0 0 .222-4.361l-1.445.852z"/><path fill="#4026e5" d="M18.282 16.956a8 8 0 0 0 1.317-2.447l-1.317.8z"/><path fill="#2f2ae6" d="m14.889 17.365l-3.745 2.273v.315a8.1 8.1 0 0 0 3.745-.49z"/><path fill="#472ce6" d="M14.89 19.464v-2.099l3.505-2.122v1.567a8 8 0 0 1-3.506 2.654"/><path fill="#fff" d="m8.236 13.881l3.736-6.587l3.792 6.587h-1.962l-1.83-3.185l-1.802 3.185zm1.99 0h3.524l-1.778 2.823z"/></g><defs><linearGradient id="SVG29s1YcWd" x1="15.589" x2="15.154" y1="12.001" y2="13.348" gradientUnits="userSpaceOnUse"><stop stop-color="#851db9"/><stop offset="1" stop-color="#8724cc"/></linearGradient><linearGradient id="SVGzyMhkCrr" x1="11.276" x2="11.042" y1="11.312" y2="12.103" gradientUnits="userSpaceOnUse"><stop stop-color="#a441e3"/><stop offset="1" stop-color="#8824de"/></linearGradient><linearGradient id="SVGwNROTbcy" x1="13.173" x2="12.915" y1="11.775" y2="12.584" gradientUnits="userSpaceOnUse"><stop stop-color="#8e29dd"/><stop offset="1" stop-color="#7f2de4"/></linearGradient><linearGradient id="SVGzIivSyAt" x1="13.743" x2="13.477" y1="12.383" y2="13.136" gradientUnits="userSpaceOnUse"><stop stop-color="#8631e7"/><stop offset="1" stop-color="#631cde"/></linearGradient><linearGradient id="SVGt1FeApWQ" x1="12.913" x2="12.547" y1="11.7" y2="12.76" gradientUnits="userSpaceOnUse"><stop stop-color="#7e24d6"/><stop offset="1" stop-color="#782edd"/></linearGradient><linearGradient id="SVGVMNXIbvY" x1="12.502" x2="11.985" y1="11.285" y2="12.665" gradientUnits="userSpaceOnUse"><stop stop-color="#7021de"/><stop offset="1" stop-color="#682fe5"/></linearGradient><linearGradient id="SVG2dgaRb5b" x1="12.607" x2="12.42" y1="11.611" y2="12.105" gradientUnits="userSpaceOnUse"><stop stop-color="#672ae6"/><stop offset="1" stop-color="#4d1ee0"/></linearGradient><linearGradient id="SVGao8q6ThC" x1="13.849" x2="13.566" y1="11.574" y2="12.559" gradientUnits="userSpaceOnUse"><stop stop-color="#5130d3"/><stop offset="1" stop-color="#3d37e6"/></linearGradient><linearGradient id="SVG3L8HycQB" x1="13.664" x2="13.334" y1="12.007" y2="13.063" gradientUnits="userSpaceOnUse"><stop stop-color="#5130d3"/><stop offset="1" stop-color="#603cd1"/></linearGradient><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>

Rvf Background アイコンの使い方

React

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

<Icon icon="token-branded:rvf-background" width="24" />

Vue

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

<template>
  <Icon icon="token-branded:rvf-background" width="24" />
</template>

Svelte

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

<Icon icon="token-branded:rvf-background" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="token-branded:rvf-background"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/token-branded/rvf-background.svg" alt="Rvf Background アイコン" width="24" height="24">

Web3 Icons Branded の関連アイコン

Rvf Background アイコンのよくある質問

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

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

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

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

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

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

Web3 Icons Branded アイコンをすべて見る →