Sonos Play 3 icon

cbi:sonos-play-3

The Sonos Play 3 icon (cbi:sonos-play-3) 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: sonosplay, 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="M8.003 14.514a.177.177 0 1 0 .157.192a.176.176 0 0 0-.157-.192m1.183.11a.177.177 0 1 0 .157.191a.176.176 0 0 0-.157-.192m1.042.207v-.016a.53.53 0 0 0-.264-.47a.5.5 0 0 0-.106-.047a.6.6 0 0 0-.12-.024l-.082-.006l-.108-.006l-.172-.013l-.109-.009l-.185-.014l-.108-.008l-.2-.015l-.11-.01l-.219-.017l-.108-.006l-.185-.015l-.109-.008l-.2-.015l-.109-.009l-.118-.009h-.087a.5.5 0 0 0-.11.022a.53.53 0 0 0-.375.5a.5.5 0 0 0 .033.2a.53.53 0 0 0 .276.3a.5.5 0 0 0 .106.036l.066.011l.14.013l.107.01l.2.02l.11.01l.184.018l.11.01l.216.021l.108.01l.2.02l.108.01l.186.018l.108.01l.172.016l.11.011l.06.006a.6.6 0 0 0 .142-.006a.5.5 0 0 0 .111-.033a.53.53 0 0 0 .322-.417a.4.4 0 0 0 .005-.062Zm-2.766-.223a.3.3 0 0 1 .1.057a.12.12 0 0 1 .041.1a.13.13 0 0 1-.055.093a.18.18 0 0 1-.119.03a.2.2 0 0 1-.143-.08l.061-.033a.16.16 0 0 0 .09.04c.055.006.092-.024.1-.057c.006-.033-.009-.048-.095-.084a.3.3 0 0 1-.1-.057a.12.12 0 0 1-.04-.1a.13.13 0 0 1 .054-.093a.18.18 0 0 1 .12-.029a.2.2 0 0 1 .141.08l-.06.032a.16.16 0 0 0-.089-.04c-.056-.005-.093.025-.1.057s.008.048.094.084m.764.105a.246.246 0 1 1-.223-.269a.247.247 0 0 1 .223.27m.516.29l-.279-.34l-.028.3l-.069-.007l.043-.466l.28.34l.027-.3l.07.006Zm.672-.18a.246.246 0 1 1-.222-.27a.246.246 0 0 1 .222.27m.3-.008a.3.3 0 0 1 .1.057a.12.12 0 0 1 .041.1a.13.13 0 0 1-.052.09a.18.18 0 0 1-.119.03a.2.2 0 0 1-.142-.08l.06-.033a.16.16 0 0 0 .09.04c.055.006.092-.025.1-.057c.006-.032-.009-.048-.095-.084a.3.3 0 0 1-.1-.057a.12.12 0 0 1-.04-.1a.13.13 0 0 1 .054-.093a.18.18 0 0 1 .12-.029a.2.2 0 0 1 .142.08l-.06.032a.16.16 0 0 0-.09-.04c-.056-.006-.093.025-.1.057s.008.051.094.087Zm7.058-8.296l-13.328-.02a.89.89 0 0 0-.886.823l-.556 7.521a.887.887 0 0 0 .772.945l13.121 1.705a.887.887 0 0 0 1-.807l.76-9.201a.89.89 0 0 0-.883-.966M2.254 14.936a.9.9 0 0 1-.03-.3l.523-7.143a.8.8 0 0 1 .09-.322Zm.094.21l.611-8.151a1 1 0 0 1 .144-.127l-.61 8.452a.8.8 0 0 1-.145-.174m.427.347a1 1 0 0 1-.179-.09l.62-8.601a1 1 0 0 1 .19-.068Zm.18.044a1 1 0 0 1-.118-.024h.045l.634-8.801h.161l-.623 8.835Zm.207.027l.624-8.849h.205l-.627 8.874Zm.6.078l.63-8.917l-.109-.009l-.629 8.912l-.186-.024l.635-8.888h.5l-.625 8.954Zm.317.042l.626-8.967h.2l-.628 8.993Zm.31.04l.63-9.007h.184l-.625 9.031Zm.293.04l.626-9.046h.2l-.625 9.071Zm.31.04l.625-9.086h.2l-.629 9.111Zm.31.04l.628-9.126h.181l-.625 9.148Zm.292.037L6.22 6.72h.192l-.626 9.187Zm.3.04l.627-9.201h.2l-.618 9.227Zm.31.04l.63-9.241h.181l-.625 9.265Zm.294.038l.626-9.279h.18l-.624 9.301Zm3.622.473l.1-1.554a.53.53 0 0 1-.126.277l-.079 1.267l-.185-.025l.07-1.1a.5.5 0 0 1-.11.033l-.068 1.051l-.2-.026l.066-1.025l-.11-.008l-.066 1.022l-.173-.023l.064-1.02l-.108-.01l-.064 1.011l-.185-.024l.065-1.005l-.108-.01l-.065 1l-.2-.026l.064-.995l-.108-.01l-.066.99l-.218-.029l.065-.983l-.109-.01l-.064.98l-.186-.025l.065-.973l-.109-.01l-.064.97l-.2-.028l.064-.962l-.108-.01l-.06.96l-.2-.026l.062-.956a.5.5 0 0 1-.106-.036l-.065.978l-.192-.025l.073-1.086a.5.5 0 0 1-.1-.165l-.084 1.236l-.2-.026l.622-9.315h.2l-.51 7.672a.5.5 0 0 1 .118-.15l.5-7.521h.181l-.492 7.413a.5.5 0 0 1 .111-.022l.49-7.391h.205l-.49 7.401l.11.01l.49-7.409h.2l-.484 7.421l.11.008l.491-7.43h.181l-.488 7.446l.108.008l.49-7.453h.214l-.486 7.469l.108.01l.487-7.479h.2l-.488 7.492l.108.008l.49-7.501h.18l-.485 7.514l.11.01l.484-7.524h.17l-.479 7.541l.108.007l.484-7.543h.201l-.487 7.573a.5.5 0 0 1 .106.047l.491-7.62h.18l-.501 7.784a.53.53 0 0 1 .09.305v.016l.515-8.101h.19l-.62 9.765Zm.291.038l.628-9.784h.2l-.63 9.811Zm.242.031l.07.006l.63-9.82h.18l-.626 9.847Zm.362.047l.627-9.861h.2l-.62 9.888Zm.311.041l.621-9.901h.2l-.623 9.927Zm.311.04l.623-9.941h.18l-.618 9.966Zm.293.04l.62-9.981h.191l-.627 10.001Zm.292.037l.632-10.017h.2l-.63 10.043Zm.276.036h.035l.63-10.056h.181l-.626 10.081Zm.328.043l.627-10.095h.192l-.622 10.121Zm.3.04l.623-10.135h.2l-.625 10.161Zm.31.04l.635-10.174h.181l-.62 10.201Zm.294.038l.631-10.211h.2l-.626 10.236Zm.3.04l.627-10.251h.2l-.629 10.276Zm.31.04l.63-10.291h.181l-.617 10.315Zm.294.038l.626-10.328h.193l-.635 10.352Zm.292.038l.636-10.366h.2l-.638 10.392Zm.435.057l-.125-.017l.64-10.401h.18l-.626 10.424Zm.17 0l.634-10.426h.023a.8.8 0 0 1 .245.037l-.712 10.353a.8.8 0 0 1-.182.042Zm.3-.08l.705-10.268a.8.8 0 0 1 .2.126l-.686 9.992a1 1 0 0 1-.208.153Zm.911-6.039l-.439 5.348a.83.83 0 0 1-.14.4l.67-9.746a.8.8 0 0 1 .16.31Zm4.181 5.3a1.38 1.38 0 0 0 .38-1.09s.212-3.65.376-5.735a.93.93 0 0 0-.256-.864a1.38 1.38 0 0 1 .577.778a8 8 0 0 1-.063.861l-.34 5.015a1.33 1.33 0 0 1-.237.8a1 1 0 0 1-.284.177Zm-3.994.925a1.12 1.12 0 0 0 .533-1.05c.223-2.836.486-5.729.711-8.565c.02-.25.075-.41-.421-.857l3.153 1.438a.75.75 0 0 1 .461.722l-.477 6.821a.93.93 0 0 1-.768.817Z"/></svg>

How to use the Sonos Play 3 icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="cbi:sonos-play-3"></iconify-icon>

HTML image

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

Related icons in Custom Brand Icons

Sonos Play 3 icon FAQ

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

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

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

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

Browse all Custom Brand Icons →