Roon icon
cbi:roon
The Roon icon (cbi:roon) is a free SVG icon from the Custom Brand Icons set by Emanuele & rchiileea. It is drawn on a 24 × 24 grid. Custom Brand Icons use the CC BY-NC-SA 4.0 license, which does not allow commercial use without separate permission from the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Custom Brand Icons
- Author
- Emanuele & rchiileea
- License
- CC-BY-NC-SA-4.0
- 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="M10.194 10.769a.3.3 0 0 1-.084-.04a1 1 0 0 0-.182-.082a1.32 1.32 0 0 0-1.029.11a1.7 1.7 0 0 0-.543.6a.2.2 0 0 1-.035.087a1.53 1.53 0 0 0 0 1.127a.2.2 0 0 1 .035.078a1.5 1.5 0 0 0 .445.531a1.3 1.3 0 0 0 1.325.084a1.84 1.84 0 0 0 .59-.612a1 1 0 0 1 .044-.121a1.58 1.58 0 0 0-.132-1.326a2.4 2.4 0 0 0-.434-.436m3.778 0a.2.2 0 0 1-.086-.04a1 1 0 0 0-.182-.083a1.9 1.9 0 0 0-.593-.052a1.3 1.3 0 0 0-.616.3a1.4 1.4 0 0 0-.363.465a.5.5 0 0 1-.047.121a1.72 1.72 0 0 0 0 1.069a.4.4 0 0 1 .047.122a.1.1 0 0 0 .029.064a1 1 0 0 1 .074.1a1.29 1.29 0 0 0 2.115.04c.019-.03.052-.078.073-.105a1.55 1.55 0 0 0 .053-1.421a1.9 1.9 0 0 0-.504-.58M17.639 2H6.361A4.36 4.36 0 0 0 2 6.361v11.278A4.36 4.36 0 0 0 6.361 22h11.278A4.36 4.36 0 0 0 22 17.639V6.361A4.36 4.36 0 0 0 17.639 2M7.454 10.585a.94.94 0 0 0-1 .692a4.1 4.1 0 0 0-.054 1.245c0 1.226 0 1.229-.156 1.258c-.081.016-.095.01-.155-.062l-.067-.08v-1.051c0-1.295.02-1.44.243-1.806a1.2 1.2 0 0 1 .433-.389a.1.1 0 0 0 .055-.034a.4.4 0 0 1 .147-.058a.5.5 0 0 0 .147-.047a.4.4 0 0 1 .143-.032c.436-.039.648.022.648.187c-.001.133-.072.166-.384.177m3.787 1.471a2.7 2.7 0 0 1-.112.6a.13.13 0 0 0-.036.067a1.659 1.659 0 0 1-2.966.288a2 2 0 0 0-.105-.163a.2.2 0 0 1-.044-.1a.3.3 0 0 0-.038-.108a2.02 2.02 0 0 1 .077-1.48a2 2 0 0 0 .1-.161a1.86 1.86 0 0 1 1.174-.788a1.7 1.7 0 0 1 1.309.389a2.2 2.2 0 0 1 .4.481a.13.13 0 0 0 .031.063a2.25 2.25 0 0 1 .21.912m3.76.185a1 1 0 0 0-.038.2a1.4 1.4 0 0 1-.171.442a1.72 1.72 0 0 1-1.7.889a2 2 0 0 1-.77-.313a2.3 2.3 0 0 1-.427-.47a1 1 0 0 0-.091-.142a2.7 2.7 0 0 1-.21-.87a2.5 2.5 0 0 1 .134-.64a2.3 2.3 0 0 1 .188-.356a.14.14 0 0 0 .032-.059a1.5 1.5 0 0 1 .2-.216a1.65 1.65 0 0 1 .9-.479a1.73 1.73 0 0 1 1.624.689l.1.161A1.9 1.9 0 0 1 15 12.241Zm3.2 1.48c-.085.085-.142.087-.235.009l-.072-.061l-.006-1.149a10 10 0 0 0-.035-1.2a4 4 0 0 1-.092-.183a1.1 1.1 0 0 0-1.71-.231c-.285.285-.306.4-.306 1.68c0 1.1-.005 1.155-.125 1.185a.2.2 0 0 1-.213-.088a15 15 0 0 1 .006-2.375a1.42 1.42 0 0 1 1.187-1.09a2.4 2.4 0 0 1 .625.043a.6.6 0 0 0 .145.046a.23.23 0 0 1 .115.05a.1.1 0 0 0 .06.035a1.4 1.4 0 0 1 .352.281a1.54 1.54 0 0 1 .345.769c.01.052.02.57.02 1.152v1.058Z"/></svg>How to use the Roon icon
React
import { Icon } from "@iconify/react";
<Icon icon="cbi:roon" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cbi:roon" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cbi:roon" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--roon]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:roon"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cbi:roon"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/cbi/roon.svg" alt="Roon icon" width="24" height="24">Roon icon in other icon sets
Roon icon FAQ
Is the Roon icon free for commercial use?
No. Custom Brand Icons use the CC BY-NC-SA 4.0 license, which does not allow commercial use without separate permission from the author.
How do I use the Roon icon in React?
Install @iconify/react and render <Icon icon="cbi:roon" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Roon icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/cbi/roon.svg" alt="Roon icon">, or paste the SVG code inline to style it with CSS.