Sonos One icon

cbi:sonos-one

The Sonos One icon (cbi:sonos-one) 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: sonosone, sono

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12.205 2.004a7.2 7.2 0 0 0-2.946.527c-1.404.596-2.792 1.296-3.991 2.247c-.904.632-.347 1.81.419 2.271c1.479 1.093 3.168 1.94 4.953 2.398c1.112.201 2.302.188 3.4-.091c1.398-.526 2.737-1.224 3.997-2.026c.688-.427 1.63-1.391.918-2.201c-1.086-1.068-2.542-1.641-3.868-2.346a6.4 6.4 0 0 0-2.882-.779m-.204 1.89a.2.2 0 0 1 .119.041c-.121.093-.188.099-.213.078c-.03-.031.012-.113.094-.119m-.018 1.161c.032-.003.069.024.103.106a.3.3 0 0 1-.114.055a1 1 0 0 1 .091.027c.04.06.054.097.051.115l-.002.002v.003l-.001.002v.002h-.002l-.002.002l-.002.001h-.002v.002h-.001l-.002.002c-.05.006-.194-.098-.203-.144v-.007h.002v-.002l.002-.001v-.002h.002l.002-.002l.001-.002l.018-.003c-.047-.031-.008-.142.052-.155Zm-.059.156q.017.01.048.005a.2.2 0 0 0-.048-.005M4.786 6.284c-.032.791-.005 1.699.729 2.19a14.6 14.6 0 0 0 5.245 2.559c1.231.151 2.57.183 3.741-.284c1.441-.67 2.952-1.302 4.163-2.355c.636-.51.555-1.353.555-2.079c-.383.593-.926 1.064-1.542 1.407c-1.598.877-3.23 1.922-5.103 2.017c-2.397.08-4.64-1.046-6.596-2.326c-.455-.227-.984-.924-1.192-1.129m.076 1.693c.004 2.864-.006 5.728.011 8.592c-.006.92-.086 2.015.823 2.57a13 13 0 0 0 5.343 2.518v-.002l.099.018c1.61.327 3.233-.183 4.635-.955c1.194-.662 2.659-1.174 3.329-2.456l.041-10.249c-.965 1.244-2.497 1.808-3.851 2.511c-1.704.926-3.778 1.002-5.584.328c-1.758-.665-3.54-1.484-4.846-2.875m7.052.6h.002c.018 0 .067.024.159.089q.018.043.014.06l-.001.005v.002l-.002.002l-.002.002l-.002.002h-.002v.001h-.005c-.044-.003-.159-.116-.167-.152v-.006h.002v-.003h.002Zm-.038.282h.006a.4.4 0 0 1 .142.061c.06.088.083.135.083.156v.007h-.002v.003h-.003v.002h-.008c-.053-.011-.22-.165-.227-.215v-.005l.002-.002v-.002l.002-.001l.002-.002h.002Zm-6.64 9.994v.002h-.003l-.002.002l-.002.002v.009c.009.071.241.372.46.525c1.507 1.193 3.299 2.028 5.16 2.497c1.209.16 2.52.207 3.661-.29c1.528-.672 3.12-1.361 4.331-2.542c-1.155.912-2.492 1.556-3.82 2.175c-1.496.755-3.274.777-4.866.337c-1.646-.564-3.272-1.323-4.606-2.458c-.177-.178-.272-.25-.306-.257l-.001-.002h-.004Z"/></svg>

How to use the Sonos One icon

React

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

<Icon icon="cbi:sonos-one" width="24" />

Vue

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

<template>
  <Icon icon="cbi:sonos-one" width="24" />
</template>

Svelte

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

<Icon icon="cbi:sonos-one" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--sonos-one]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:sonos-one"></div>

Web component

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

<iconify-icon icon="cbi:sonos-one"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/cbi/sonos-one.svg" alt="Sonos One icon" width="24" height="24">

Related icons in Custom Brand Icons

Sonos One icon FAQ

Is the Sonos One 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 One icon in React?

Install @iconify/react and render <Icon icon="cbi:sonos-one" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Sonos One icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/cbi/sonos-one.svg" alt="Sonos One icon">, or paste the SVG code inline to style it with CSS.

Browse all Custom Brand Icons →