Sonos Era 300 icon

cbi:sonos-era-300

The Sonos Era 300 icon (cbi:sonos-era-300) 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: sonosera, 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="M15.61 7.972c.1.028.172-.052.171-.181a.31.31 0 0 0-.173-.282c-.1-.03-.171.05-.171.18a.3.3 0 0 0 .173.283m.005 1.252c-.1-.021-.176.066-.175.2a.26.26 0 0 0 .176.267c.1.018.176-.068.175-.2a.27.27 0 0 0-.176-.267m5.135-1.598a4.9 4.9 0 0 0-1.623-1.463a5.6 5.6 0 0 0-2.317-.66l-2.988-.31a5.15 5.15 0 0 0-2.332.325a4 4 0 0 0-.586.288l-1.628.653l-.949.38l-1.398.1h-.01a4.44 4.44 0 0 0-3.385 1.129a5.4 5.4 0 0 0-1.522 3.996a6.42 6.42 0 0 0 1.651 4.708a4.3 4.3 0 0 0 3.156 1.23h.009l2.977-.052l2.177.51l.084.029a6.2 6.2 0 0 0 1.963.319l2.777.018h.06a4.55 4.55 0 0 0 3.33-1.285a5.7 5.7 0 0 0 1.368-2.343a10 10 0 0 0 .43-3.018a7.84 7.84 0 0 0-1.244-4.554M8.437 17.308l-.948-.253a6.33 6.33 0 0 1-1.58-4.314a7.9 7.9 0 0 1 1.904-5.356l2.161-.868a5.8 5.8 0 0 0-1.168 1.598a8.34 8.34 0 0 0-.82 3.922a8.05 8.05 0 0 0 1.099 3.928a6 6 0 0 0 .532.753a5.3 5.3 0 0 0 1.206 1.146Zm11.49-.038a4.2 4.2 0 0 1-3.063 1.176h-.056l-2.777-.017c-4.125-.039-5.595-3.692-5.595-7.1c.382-3.885 2.332-5.982 5.35-5.756l2.988.31c3.073.233 4.835 2.529 4.835 6.299a7.1 7.1 0 0 1-1.678 5.088ZM16.731 5.992l-2.898-.3c-2.931-.221-4.902 1.894-5.271 5.655c0 3.343 1.449 6.926 5.506 6.964l2.698.018h.055a4.13 4.13 0 0 0 3.022-1.162a6.95 6.95 0 0 0 1.651-4.99c0-3.702-1.739-5.956-4.763-6.185m-.867 2.819v.128l-.517-.12l.3-.363l-.284-.073v-.132l.513.136l-.3.356Zm-.448-2.121l.007-.007l.054.122l-.007.007a.3.3 0 0 0-.027.112c0 .066.028.122.055.131s.041.014.068-.107a.4.4 0 0 1 .047-.133a.09.09 0 0 1 .108-.035a.22.22 0 0 1 .109.112a.5.5 0 0 1 .042.188a.26.26 0 0 1-.067.2l-.006.007l-.056-.119v-.012a.3.3 0 0 0 .027-.111c0-.064-.028-.12-.055-.129s-.041-.014-.068.106a.4.4 0 0 1-.047.132c-.027.047-.061.064-.1.041a.2.2 0 0 1-.109-.111a.5.5 0 0 1-.041-.192a.27.27 0 0 1 .066-.202m.192.689a.47.47 0 0 1 .269.441c0 .192-.114.324-.266.282a.45.45 0 0 1-.27-.441c0-.197.116-.33.267-.282m.211 3.089l-.008.008l-.057-.11l.007-.008a.3.3 0 0 0 .028-.115c0-.064-.029-.115-.058-.12c-.014 0-.042-.007-.07.118a.5.5 0 0 1-.049.141a.12.12 0 0 1-.114.058a.17.17 0 0 1-.114-.092a.4.4 0 0 1-.043-.185a.32.32 0 0 1 .071-.214l.007-.008l.057.112l-.007.008a.3.3 0 0 0-.028.117c0 .066.028.117.057.121s.042.007.07-.119a.4.4 0 0 1 .05-.14a.12.12 0 0 1 .113-.055a.17.17 0 0 1 .113.093a.4.4 0 0 1 .044.181a.3.3 0 0 1-.069.209m-.2-.65a.4.4 0 0 1-.276-.417c0-.207.119-.341.273-.307a.42.42 0 0 1 .276.417c-.001.192-.127.334-.275.307Z"/></svg>

How to use the Sonos Era 300 icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="cbi:sonos-era-300"></iconify-icon>

HTML image

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

Related icons in Custom Brand Icons

Sonos Era 300 icon FAQ

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

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

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

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

Browse all Custom Brand Icons →