Иконка Rbx Background
token-branded:rbx-background
Иконка Rbx Background (token-branded:rbx-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
- Теги
- rbxbackground
Код 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="#00309d" d="M7.109 5.545L4 13.655l5.13 5.66l8.191-.385L20 10.734l-4.727-6.048z"/><path fill="#062682" d="m7.314 5.806l-2.976 7.78l4.92 5.436l7.862-.37l2.565-7.868L15.15 4.98z"/><path fill="#0541d6" d="m7.977 6.684l-2.56 6.674l4.23 4.663l6.751-.315l2.208-6.747l-3.895-4.983z"/><path fill="#409bea" d="m8.526 7.406l-2.208 5.773l3.652 4.028l5.83-.275l1.905-5.837l-3.364-4.302z"/><path fill="#58c5f5" d="m9.024 8.082l-1.898 4.923l3.132 3.438l5.001-.233l1.637-4.974l-2.885-3.67l-4.987.52z"/><path fill="#bafcfd" d="m9.518 8.722l-1.582 4.115l2.615 2.88l4.169-.197l1.362-4.16l-2.404-3.072z"/><path fill="#e1fffe" d="M11.845 11.292L7.077 5.614l.105-.092L12 11.264l-2.788 8.037l-.128-.046l2.76-7.959z"/><path fill="#e1fffe" d="m15.182 4.91l4.581 5.856l-2.597 7.95l-7.936.375l-4.969-5.486L7.27 5.742zm-7.817.96l-2.948 7.703l4.873 5.376l7.776-.366l2.546-7.785l-4.489-5.746z"/><path fill="#e1fffe" d="m13.075 11.132l2.24-6.377l-.128-.046l-2.93 8.338l-8.152.563l.01.137l8.16-.567l4.996 5.815l.1-.087l-4.991-5.81l.64-1.829l6.962-.448l-.01-.137l-6.902.448z"/></g><defs><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>Как использовать иконку Rbx Background
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:rbx-background" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:rbx-background" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:rbx-background" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--rbx-background]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:rbx-background"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:rbx-background"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/token-branded/rbx-background.svg" alt="Иконка Rbx Background" width="24" height="24">Похожие иконки в наборе Web3 Icons Branded
Вопросы и ответы: Иконка Rbx Background
Можно ли бесплатно использовать иконку Rbx Background в коммерческих проектах?
Да. Web3 Icons Branded icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Rbx Background в React?
Установите @iconify/react и выведите <Icon icon="token-branded:rbx-background" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Rbx Background на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/token-branded/rbx-background.svg" alt="Иконка Rbx Background">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.