Иконка Rvf Background
token-branded:rvf-background
Иконка Rvf Background (token-branded:rvf-background) — бесплатная SVG-иконка из набора Web3 Icons Branded от 0xa3k5. Она нарисована на сетке 24 × 24. Web3 Icons Branded icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Web3 Icons Branded
- Автор
- 0xa3k5
- Лицензия
- MIT
- Размер
- 24 × 24
- Теги
- rvfbackground
Код 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>Веб-компонент
<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, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Rvf Background в React?
Установите @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">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.