Иконка Ren Background
token-branded:ren-background
Иконка Ren Background (token-branded:ren-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
- Теги
- renbackground
Код 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="#16406e" d="M24 0H0v24h24z"/><path fill="#fff" d="M11.985 4L4.919 8.083v.133l2.024-1.109l.2.201h.014l1.182-.621l.14.28l4.31-2.504zm1.102.635L4.926 9.34v.2L6.95 8.357l.2.28l2.305-1.322l.14.28l4.333-2.476zm1.167.672L4.926 10.66v.134l2.024-1.11l.2.275h.007l3.414-2.018l.14.281l4.317-2.47zm1.11.639L4.918 11.917v.2l2.024-1.182l.2.28h.014l4.53-2.571l.14.207l4.31-2.46zm1.097.631L4.926 13.233v.147l2.024-1.115l.2.207h.007l5.645-3.207l.14.207l4.35-2.416zm1.097.632L4.926 14.496v.207L6.95 13.52l.2.273h.007l6.76-3.901l.14.28l4.339-2.482zm1.103.635L4.926 15.818v.134l2.024-1.109l.2.28l6.767-3.974l.14.28l5.024-2.859v-.484zM6.95 16.1l-1.116.695l-.214-.141l13.462-7.742v.916l-5.024 2.926l-.14-.28l-6.835 3.9zm7.108-2.024l-.14-.28L8.265 17l-.2-.274l-1.116.688l-.214-.067l12.345-7.168v.895zm-4.81 3.347l-1.183.627l-.006-.006l-.2-.067l11.222-6.48v.909l-5.023 2.926l-.134-.28l-4.543 2.65zm1.115.627l-1.182.628v-.013l-.214-.067l10.114-5.845v.976l-5.023 2.925l-.14-.28l-3.42 1.957zm-.073 1.323l-.207-.14l8.998-5.157v.909l-5.023 2.926l-.14-.281l-2.305 1.322l-.134-.273zm2.231-.067L11.405 20l-.14-.067l7.816-4.602v.976l-5.023 2.926l-.14-.281l-1.183.628z"/></g><defs><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>Как использовать иконку Ren Background
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:ren-background" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:ren-background" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:ren-background" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--ren-background]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:ren-background"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:ren-background"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/token-branded/ren-background.svg" alt="Иконка Ren Background" width="24" height="24">Похожие иконки в наборе Web3 Icons Branded
Вопросы и ответы: Иконка Ren Background
Можно ли бесплатно использовать иконку Ren Background в коммерческих проектах?
Да. Web3 Icons Branded icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Ren Background в React?
Установите @iconify/react и выведите <Icon icon="token-branded:ren-background" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Ren Background на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/token-branded/ren-background.svg" alt="Иконка Ren Background">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.