Иконка Roobee

token:roobee

Иконка Roobee (token:roobee) — бесплатная SVG-иконка из набора Web3 Icons от 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" d="M3.8 11.64V11H3v2.8h.8v-1.305l1.308-.856l-.36-.64zm3 1.36c-.336 0-.6-.26-.6-.6s.256-.6.6-.6s.6.24.6.6s-.264.6-.6.6m0-2c-.82 0-1.4.64-1.4 1.4s.56 1.4 1.4 1.4s1.4-.64 1.4-1.4c0-.805-.58-1.4-1.4-1.4m3.2 2c-.36 0-.612-.253-.6-.6c.012-.345.236-.597.6-.6c.364-.005.6.251.6.6c0 .347-.24.6-.6.6m0-2a1.36 1.36 0 0 0-1.4 1.4c0 .76.58 1.4 1.4 1.4s1.4-.64 1.4-1.4c0-.8-.616-1.4-1.4-1.4m3.2 2c-.336 0-.616-.24-.6-.6s.252-.6.6-.6s.6.24.6.6s-.264.6-.6.6m0-2c-.268 0-.592.103-.772.195V10.2H11.8v2.2c0 .76.56 1.4 1.4 1.4s1.4-.64 1.4-1.4s-.64-1.4-1.4-1.4m2.6 1.2c0-.353.224-.56.6-.56s.6.207.6.56zm.6-1.2c-.692 0-1.408.46-1.4 1.4a1.35 1.35 0 0 0 1.4 1.4c.4 0 .864-.149 1.088-.373l.044-.04l-.448-.404c-.136.132-.456.216-.64.216c-.412 0-.644-.292-.644-.6h2v-.24c0-.808-.64-1.36-1.4-1.36m2.6 1.2c0-.313.2-.56.6-.56s.6.251.6.56zm.6-1.2c-.66 0-1.404.415-1.4 1.4c.004.983.812 1.387 1.5 1.387c.4 0 .76-.136.988-.36l.04-.04l-.444-.404a.84.84 0 0 1-.54.216c-.404 0-.744-.264-.744-.6h2v-.24c0-.808-.64-1.36-1.4-1.36"/></svg>

Как использовать иконку Roobee

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Веб-компонент

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

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

Изображение HTML

<img src="https://iconyz.com/api/public/svg/token/roobee.svg" alt="Иконка Roobee" width="24" height="24">

Вопросы и ответы: Иконка Roobee

Можно ли бесплатно использовать иконку Roobee в коммерческих проектах?

Да. Web3 Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Roobee в React?

Установите @iconify/react и выведите <Icon icon="token:roobee" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Roobee на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/token/roobee.svg" alt="Иконка Roobee">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Web3 Icons →