Sonos Era 100 icon

cbi:sonos-era-100

The Sonos Era 100 icon (cbi:sonos-era-100) 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="M11.78 9.662a.26.26 0 0 0 .182-.1a.5.5 0 0 0 .077-.186c.043-.162.089-.163.112-.164c.046 0 .094.056.1.137a.3.3 0 0 1-.043.151l-.011.011l.1.125l.003-.008a.4.4 0 0 0 .11-.28a.35.35 0 0 0-.074-.218a.23.23 0 0 0-.369.008a.5.5 0 0 0-.077.187c-.043.162-.089.163-.112.164c-.046 0-.094-.056-.1-.137a.3.3 0 0 1 .043-.151l.011-.012l-.095-.125l-.011.012a.4.4 0 0 0-.11.279a.36.36 0 0 0 .074.218a.24.24 0 0 0 .19.089m.252 3.216a.45.45 0 0 0 .441-.46a.443.443 0 0 0-.46-.44a.45.45 0 0 0-.441.459a.445.445 0 0 0 .46.441m-.016-.739a.289.289 0 0 1 .013.577a.29.29 0 0 1-.295-.282a.286.286 0 0 1 .282-.295m-.029-1.396a.451.451 0 0 0-.019-.9a.46.46 0 0 0-.441.46a.445.445 0 0 0 .46.44m-.016-.739a.289.289 0 1 1-.282.295a.286.286 0 0 1 .282-.295m.44 1.7l-.003-.162l-.473.01l.496-.553l-.854.018l.004.161l.473-.01l-.497.554Zm-.004 1.444a.24.24 0 0 0-.187-.089a.17.17 0 0 0-.171.101a.6.6 0 0 0-.077.186c-.042.162-.089.163-.112.164c-.046 0-.093-.056-.095-.137a.34.34 0 0 1 .043-.151v-.011l-.1-.126l-.008.013a.4.4 0 0 0-.11.28a.35.35 0 0 0 .074.218a.23.23 0 0 0 .369-.008a.5.5 0 0 0 .077-.186c.043-.163.089-.164.112-.164c.046 0 .094.055.1.136a.3.3 0 0 1-.043.151l-.011.012l.095.125l.011-.012a.4.4 0 0 0 .11-.279a.36.36 0 0 0-.077-.223M6.57 4.733a1.72 1.72 0 0 0 .647 1.679a8 8 0 0 0 4.913 1.633a8.8 8.8 0 0 0 3.164-.594l.66-.37a4 4 0 0 0 .533-.388l.02-.018a2.2 2.2 0 0 0 .732-1.178V5.47a2 2 0 0 0 .031-.316a2.7 2.7 0 0 0-1.439-2.157a6.6 6.6 0 0 0-2.371-.871h-.006l-.044-.007a9.2 9.2 0 0 0-4.037.246a8 8 0 0 0-.437.144A3.18 3.18 0 0 0 6.57 4.733m10.94.408l-.039.02c0-.039-.008-.078-.014-.117a2 2 0 0 0-.079-.336a2.4 2.4 0 0 0-.3-.6a3.75 3.75 0 0 0-1.123-1.055l-.012.019a4 4 0 0 1 .5.4a3.2 3.2 0 0 1 .458.525a2.3 2.3 0 0 1 .279.568a1.8 1.8 0 0 1 .093.585v.176a2.3 2.3 0 0 1-1.3 1.881l-.665.37a8.8 8.8 0 0 1-3.181.6A8.07 8.07 0 0 1 7.19 6.539a1.65 1.65 0 0 1-.646-1.4a1.8 1.8 0 0 1 .025-.408a2.36 2.36 0 0 1 .688-1.255a3.5 3.5 0 0 1 .71-.543a5 5 0 0 1 .5-.255a5 5 0 0 0-.628.309a3.7 3.7 0 0 0-.74.57a2.5 2.5 0 0 0-.729 1.332a2 2 0 0 0-.027.422q.002.072.011.142l-.045-.031v13.154l.03.047a5.3 5.3 0 0 0 2.658 2.001a8.6 8.6 0 0 0 1.78.457a9.4 9.4 0 0 0 1.379.1q.247 0 .493-.013a7.6 7.6 0 0 0 2.99-.741a5 5 0 0 0 1.189-.82a4 4 0 0 0 .843-1.138l.02-.04Zm-.235 13.218a3.5 3.5 0 0 1-.721.956a4.6 4.6 0 0 1-1.05.739a6 6 0 0 1-1.327.5a8 8 0 0 1-1.55.229a9 9 0 0 1-.49.013a9 9 0 0 1-1.357-.1a8 8 0 0 1-1.672-.441a6 6 0 0 1-1.388-.75a4.1 4.1 0 0 1-.993-1.02l-.009-.014V6.348a2 2 0 0 0 .349.35A8 8 0 0 0 8.975 7.79a8.3 8.3 0 0 0 2.101.536a9 9 0 0 0 1.038.062a9.1 9.1 0 0 0 3.282-.618h.007l.678-.378a3.3 3.3 0 0 0 1.036-.945l.162 11.902ZM15.831 2.997l.115.076l.012-.019a6 6 0 0 0-.88-.454a5.5 5.5 0 0 1 .753.4Zm1.07 16.693a5.1 5.1 0 0 1-1.215.838a7.7 7.7 0 0 1-3.034.753a9 9 0 0 1-.5.013a9.4 9.4 0 0 1-1.4-.1a8.7 8.7 0 0 1-1.801-.463a5.55 5.55 0 0 1-2.576-1.844C6.638 20.51 9.286 22 12.023 22c2.641 0 5.051-1.256 5.392-2.889a4 4 0 0 1-.514.579"/></svg>

How to use the Sonos Era 100 icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:sonos-era-100"></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-100"></iconify-icon>

HTML image

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

Related icons in Custom Brand Icons

Sonos Era 100 icon FAQ

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

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

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

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

Browse all Custom Brand Icons →