Roobee icon
token:roobee
The Roobee icon (token:roobee) is a free SVG icon from the Web3 Icons set by 0xa3k5. It is drawn on a 24 × 24 grid. Web3 Icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Web3 Icons
- Author
- 0xa3k5
- License
- MIT
- Size
- 24 × 24
SVG code
<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>How to use the Roobee icon
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>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token:roobee"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/token/roobee.svg" alt="Roobee icon" width="24" height="24">Roobee icon FAQ
Is the Roobee icon free for commercial use?
Yes. Web3 Icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Roobee icon in React?
Install @iconify/react and render <Icon icon="token:roobee" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Roobee icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/token/roobee.svg" alt="Roobee icon">, or paste the SVG code inline to style it with CSS.