Sonos Five icon

cbi:sonos-five

The Sonos Five icon (cbi:sonos-five) 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: sonosfive, 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="M14.813 8.444h.005a.42.42 0 0 0 .3-.121a.28.28 0 0 0 .083-.214a.4.4 0 0 0-.407-.335h-.022a.4.4 0 0 0-.29.114a.3.3 0 0 0-.087.223a.394.394 0 0 0 .418.333m-.21-.467a.25.25 0 0 1 .179-.069a.245.245 0 0 1 .257.2a.17.17 0 0 1-.047.136a.26.26 0 0 1-.183.071h-.017a.24.24 0 0 1-.243-.2a.17.17 0 0 1 .054-.133Zm.389.586a.16.16 0 0 0-.158.071a.35.35 0 0 0-.065.139c-.031.112-.068.113-.085.113a.09.09 0 0 1-.079-.091a.2.2 0 0 1 .027-.1l.011-.021l-.1-.106l-.025.025a.27.27 0 0 0-.081.2a.25.25 0 0 0 .073.164a.24.24 0 0 0 .163.065h.009a.23.23 0 0 0 .165-.076a.4.4 0 0 0 .063-.137c.031-.112.068-.112.086-.113c.039 0 .075.04.078.09a.2.2 0 0 1-.03.1l-.012.022l.1.1l.024-.024a.26.26 0 0 0 .082-.2a.25.25 0 0 0-.073-.161a.25.25 0 0 0-.173-.06m-.272-1.669h.021a.4.4 0 0 0 .279-.1a.27.27 0 0 0 .082-.216a.43.43 0 0 0-.421-.358h-.009a.4.4 0 0 0-.284.1a.28.28 0 0 0-.088.218a.42.42 0 0 0 .42.356m-.212-.483a.25.25 0 0 1 .179-.059a.26.26 0 0 1 .257.217a.16.16 0 0 1-.049.128a.24.24 0 0 1-.178.062a.256.256 0 0 1-.256-.217a.17.17 0 0 1 .047-.131m.002-.324a.23.23 0 0 0 .166-.062a.34.34 0 0 0 .062-.133c.032-.109.067-.106.085-.105a.1.1 0 0 1 .079.1a.2.2 0 0 1-.03.1l-.012.02l.094.106l.026-.023a.24.24 0 0 0 .08-.192a.27.27 0 0 0-.068-.171a.28.28 0 0 0-.171-.084a.2.2 0 0 0-.165.059a.3.3 0 0 0-.064.134c-.031.11-.066.108-.084.106a.1.1 0 0 1-.078-.1a.2.2 0 0 1 .03-.1l.012-.02l-.094-.109l-.026.023a.25.25 0 0 0-.08.2a.28.28 0 0 0 .072.173a.27.27 0 0 0 .166.078m.609 1.389l-.401-.009l.419-.382l-.775-.026l.008.136l.4.012l-.419.389l.776.013Zm6.869 8.077l-.535-9.394a.986.986 0 0 0-.851-1.029l-12.824.026h-.07a1 1 0 0 0-.119.025l.039-.027l-4.897 1.624a.96.96 0 0 0-.731.91l.456 8.928a1.36 1.36 0 0 0 1.143 1.123l4.667 1.085a.7.7 0 0 0 .19.044h.011a.7.7 0 0 0 .158-.007l12.616-2.122a1.074 1.074 0 0 0 .747-1.186M6.938 6.08a.6.6 0 0 1 .133-.434a1.3 1.3 0 0 0-.133.434m1.29 11.4l-.422-6.681l-.241-4.606a1.1 1.1 0 0 1 .154-.387l.644 12.174a1.25 1.25 0 0 1-.135-.5m.444.866a1 1 0 0 1-.2-.191l-.66-12.48a.8.8 0 0 1 .192-.158l.678 12.826Zm.291.1a.6.6 0 0 1-.175-.052L8.103 5.466a.6.6 0 0 1 .236-.046h.022l.61 13.023Zm.172-.007l-.067.007L8.466 5.43h.173l.616 12.992Zm.228-.039L8.749 5.423h.192l.611 12.948Zm.293-.05l-.61-12.927h.186l.599 12.901Zm.274-.048l-.593-12.88h.173l.607 12.854Zm.294-.048l-.6-12.836h.192l.6 12.804Zm.282-.05l-.6-12.786h.189l.608 12.754Zm.292-.045l-.6-12.742h.174l.612 12.708Zm.3-.051l-.6-12.693h.192l.599 12.66Zm.289-.05l-.599-12.642h.185l.599 12.61Zm.294-.055L11.082 5.41h.173l.607 12.561h.032Zm.283-.043l-.611-12.542h.193l.608 12.513Zm.3-.054l-.6-12.493h.183l.6 12.468Zm.281-.044l-.6-12.449h.174l.6 12.418Zm.287-.049l-.6-12.4h.193l.599 12.368Zm.29-.05l-.599-12.351h.192l.599 12.318Zm.3-.051l-.599-12.3h.17l.6 12.27l.067-.007Zm.287-.046l-.61-12.251h.194l.6 12.224Zm.292-.05l-.6-12.193h.183l.495 10.117v-.02c0 .065.006.124.008.176c0-.016-.006-.033-.008-.05l.1 1.942Zm.279-.044l-.076-1.583l-.519-10.572h.173l.456 9.205l.141 2.923Zm1.43-.25l-.054-1.044l-.349-6.964l-.1.008l.34 6.776l.062 1.243l-.192.032l-.051-1.009l-.357-7.02l-.1.008l.342 6.796l.063 1.255l-.179.03l-.044-.911v.007l-.356-7.162l-.105.008l.337 6.808l.062 1.274l-.167.029l-.132-2.649l-.266-5.449l-.106.007l.261 5.297l.139 2.805l-.192.033l-.127-2.649l-.01-.187l-.458-9.27h.192l.008.15h.109l-.008-.156h.164l.007.156h.104l-.007-.156h.173l.008.156h.105l-.007-.155h.192l.008.155h.105l-.008-.155h.206l.54 10.65l.063 1.228Zm.314-.052l-.062-1.224l-.541-10.635h.171l.551 10.813l.052 1.019Zm.282-.048l-.062-1.211l-.536-10.599h.192l.538 10.577l.061 1.199Zm.292-.05l-.049-1.017l.007-.009l-.55-10.736h.199l.525 10.54l.06 1.199Zm.3-.05l-.061-1.082l-.53-10.634h.175l.525 10.334v.04l.069 1.317Zm.291-.05l-.076-1.462l-.522-10.202h.192l.6 11.636Zm.3-.051l-.6-11.618h.173l.6 11.593Zm.279-.045l-.6-11.573h.174l.606 11.543Zm.275-.048l-.598-11.521h.193l.599 11.493Zm.3-.05l-.599-11.475h.183l.6 11.443Zm.289-.051l-.6-11.426h.175l.6 11.399Zm.287-.046l-.605-11.376h.193l.6 11.349Zm.293-.05l-.6-11.33h.192l.6 11.299Zm.294-.051l-.6-11.281h.177l.606 11.255Zm.289-.048l-.599-11.233h.194l.599 11.205Zm.6-.1l-.606-11.13l-.1.011l.6 11.138l-.207.035l-.599-11.184h.48l.611 11.102Zm.28-.049l-.6-11.084h.2l.6 11.053Zm.393-.064l-.095.012l-.6-11.036h.155l.61 10.994h.043a1 1 0 0 1-.113.032Zm.172-.055l-.606-10.939a.8.8 0 0 1 .183.085l.599 10.743a1 1 0 0 1-.176.113Zm.272-.216l-.586-10.556a1 1 0 0 1 .138.159l.587 10.181a1 1 0 0 1-.139.218Zm.229-.48l-.56-9.699a1.2 1.2 0 0 1 .086.4l.5 8.922a1.4 1.4 0 0 1-.026.379Z"/></svg>

How to use the Sonos Five icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Related icons in Custom Brand Icons

Sonos Five icon FAQ

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

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

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

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

Browse all Custom Brand Icons →