Home/Libraries/Custom Brand Icons (Iconify)/roon

Custom Brand Icons (Iconify)

Roon

License: CC-BY-NC-SA-4.0

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 24 24"><path fill="#818cf8" 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>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. RoonIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC-BY-NC-SA-4.0** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.

Related Icons in Custom Brand Icons (Iconify)

Browse all Custom Brand Icons (Iconify) icons →