Sonos Roam icon
cbi:sonos-roam
The Sonos Roam icon (cbi:sonos-roam) 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
- Tags
- sonosroam, sono
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m13.636 9.337l.516-.208l-.554.985l.926-.371l.002-.228l-.514.206l.557-.988l-.933.377Zm.436.964a.91.91 0 0 0-.487.827c0 .357.211.55.483.443a.96.96 0 0 0 .487-.826c.002-.364-.208-.557-.483-.444m0 1.042c-.173.068-.309-.056-.309-.284a.59.59 0 0 1 .312-.53c.175-.069.311.056.309.284a.59.59 0 0 1-.316.526Zm.233-5.267a.46.46 0 0 0-.206.216a1.3 1.3 0 0 0-.091.3c-.051.248-.1.27-.128.28c-.051.021-.1-.039-.1-.152a.7.7 0 0 1 .051-.232l.013-.022l-.1-.136l-.013.022a.9.9 0 0 0-.129.442a.44.44 0 0 0 .077.276a.17.17 0 0 0 .2.046c.077-.016.141-.091.192-.21a1.3 1.3 0 0 0 .091-.3c.052-.249.1-.27.129-.281c.052-.021.1.039.1.153a.8.8 0 0 1-.052.233v.016l.1.137l.013-.021a.9.9 0 0 0 .13-.445a.44.44 0 0 0-.075-.278a.17.17 0 0 0-.202-.044m-.222 1.213a.95.95 0 0 0-.5.837c0 .357.215.545.493.432a.96.96 0 0 0 .5-.837c.002-.359-.212-.547-.493-.432m0 1.041c-.177.072-.316-.05-.316-.277a.6.6 0 0 1 .319-.536c.178-.073.317.065.316.277a.6.6 0 0 1-.323.536Zm.181 3.419a.45.45 0 0 0-.2.208a1.3 1.3 0 0 0-.087.294c-.05.246-.1.265-.123.275c-.05.019-.1-.043-.1-.157a.8.8 0 0 1 .049-.23l.012-.021l-.1-.14l-.006.024a.9.9 0 0 0-.124.438a.47.47 0 0 0 .074.279a.164.164 0 0 0 .2.053a.4.4 0 0 0 .2-.206a1.3 1.3 0 0 0 .087-.294c.05-.247.1-.266.124-.275c.049-.02.1.042.1.157a.7.7 0 0 1-.05.231l-.02.017l.1.141l.012-.021a.9.9 0 0 0 .126-.44a.47.47 0 0 0-.072-.281a.165.165 0 0 0-.202-.052m1.253-8.034V3.7a.6.6 0 0 1-.151.206c-4.57 3.886-6.445.684-6.777 0a2 2 0 0 1-.1-.386l-.032-.192l.084 16.203l-.01-.022l.01.027a4 4 0 0 0 .938 1.778c.756.801 2.643 1.035 4.306-.034l1.137-.7a1.19 1.19 0 0 0 .6-1.086l.021-15.812Zm-.2 15.957c-2.637 2.224-4.37 2.082-5.425 1.438L9.765 5.827a3.83 3.83 0 0 0 4.021-.274l1.137-.701a1.24 1.24 0 0 0 .4-.374ZM11.773 5.585a4.1 4.1 0 0 0 1.415-.439a11.5 11.5 0 0 0 2.033-1.33c.672-.674-.446-1.423-1.317-1.526l-2.72-.284C9.2 1.925 7.532 2.655 9.525 4.8a2.64 2.64 0 0 0 2.248.785"/></svg>
How to use the Sonos Roam icon
React
import { Icon } from "@iconify/react";
<Icon icon="cbi:sonos-roam" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cbi:sonos-roam" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cbi:sonos-roam" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--sonos-roam]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:sonos-roam"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cbi:sonos-roam"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/cbi/sonos-roam.svg" alt="Sonos Roam icon" width="24" height="24">
Related icons in Custom Brand Icons
Sonos Roam icon FAQ
Is the Sonos Roam 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 Sonos Roam icon in React?
Install @iconify/react and render <Icon icon="cbi:sonos-roam" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Sonos Roam icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/cbi/sonos-roam.svg" alt="Sonos Roam icon">, or paste the SVG code inline to style it with CSS.
Browse all Custom Brand Icons →
ICONYZ
