Sonos Beam icon
cbi:sonos-beam
The Sonos Beam icon (cbi:sonos-beam) 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
- sonosbeam, sono
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M21.836 15.123c-.612.486-1.534.939-3.014.547L2.118 9.678L2.116 9.6l16.716 5.982c1.841.475 2.845-.395 3.008-.553Zm-.008.187c-.611.483-1.534.93-3.007.539L2.122 9.848l-.002-.094l16.693 6.009c1.882.486 2.89-.435 3.019-.563Zm-.006.153c-.512.523-1.595.917-3.021.564L2.135 10.008l-.006-.083l16.685 6.019c1.847.476 2.852-.402 3.01-.557Zm-.006.169c-.514.518-1.593.907-3.013.557L2.139 10.164l-.003-.071l16.651 6.005h.003c1.907.493 2.923-.44 3.029-.545Zm-.006.168c-.517.516-1.593.898-3.006.549L2.145 10.325l-.002-.083l16.645 6.018h.003c1.872.484 2.883-.405 3.022-.538Zm-.008.18c-.547.648-1.985.839-2.967.539L2.211 10.531c-.002 0-.03-.026-.06-.049l-.002-.071l16.638 6.011h.003c1.841.476 2.851-.377 3.015-.532ZM2.114 9.442l16.72 5.972c1.871.483 2.879-.425 3.017-.56l-.003.093c-.612.486-1.532.931-3.004.54L2.118 9.518Zm-.006-.192l16.759 5.97c1.787.462 2.785-.344 2.992-.539l-.003.093c-.61.486-1.533.938-3.011.546L2.113 9.352Zm-.006-.183l16.765 5.968c1.811.469 2.814-.368 3-.546l-.005.11c-.61.479-1.527.914-2.988.526L2.108 9.157Zm-.003-.086l-.002-.092l16.772 5.951c1.844.477 2.848-.397 3.01-.554l-.006.122c-.611.482-1.531.921-2.997.532Zm-.01-.259l16.781 5.914l.008.001c1.833.472 2.836-.387 3.008-.553l-.006.122c-.611.483-1.533.931-3.006.54L2.091 8.816Zm-.007-.162l16.798 5.89c1.866.482 2.873-.419 3.017-.56l-.006.117c-.611.481-1.532.926-3.002.536L2.085 8.644Zm-.005-.149l16.803 5.84c1.889.489 2.899-.412 3.023-.531l-.003.091c-.611.486-1.533.937-3.011.546L2.081 8.489Zm-.006-.146l16.826 5.789c1.855.479 2.862-.381 3.015-.526l-.003.044l-.003.037c-.891.842-2.316.769-3.022.543L2.074 8.329Zm-.006-.2l16.84 5.762c-.045-.067-.006-.004 0 0c1.442.388 2.638-.205 3.021-.581l-.009.17c-.892.836-2.311.764-3.016.538L2.067 8.184Zm-.006-.094s-.032-.02 0 0l16.7 5.71c1.32.406 2.848-.022 3.172-.609c-.815.338-2.011.799-3.172.609Zm19.785 8.026L22 12.831l-.006.017c0-.283-.295-.582-1.026-.829L4.909 7.193c-.308-.102-1.724-.307-2.674.293c-.19.119-.258.263-.228.383l.093 2.622c.002.066.033.179.209.249l16.475 6.035c2.05.53 3.077-.499 3.06-.775Z"/></svg>
How to use the Sonos Beam icon
React
import { Icon } from "@iconify/react";
<Icon icon="cbi:sonos-beam" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cbi:sonos-beam" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cbi:sonos-beam" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--sonos-beam]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:sonos-beam"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cbi:sonos-beam"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/cbi/sonos-beam.svg" alt="Sonos Beam icon" width="24" height="24">
Related icons in Custom Brand Icons
Sonos Beam icon FAQ
Is the Sonos Beam 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 Beam icon in React?
Install @iconify/react and render <Icon icon="cbi:sonos-beam" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Sonos Beam icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/cbi/sonos-beam.svg" alt="Sonos Beam icon">, or paste the SVG code inline to style it with CSS.
Browse all Custom Brand Icons →
ICONYZ
