sonos logo
sonos from CoreUI Brands by creativeLabs Łukasz Holeczek · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- sonos
- Set
- CoreUI Brands
- Style
- Brand
- Viewbox
- 32×32
- License
- CC0 1.0
The same logo in other sets
Use the sonos logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m17.317 16.479l-3.749-3.509v5.905h1.115v-3.276l3.749 3.511v-5.901h-1.115zM8.62 12.885A3.07 3.07 0 0 0 5.505 16c0 1.677 1.437 3.115 3.115 3.115A3.07 3.07 0 0 0 11.729 16a3.07 3.07 0 0 0-3.109-3.115m0 5.11A1.976 1.976 0 0 1 6.625 16c0-1.12.875-1.995 1.995-1.995c1.115 0 1.995.875 1.995 1.995s-.88 1.995-1.995 1.995M3.593 16c-.323-.24-.724-.401-1.281-.557c-1.115-.323-1.115-.64-1.115-.797c0-.323.396-.64.959-.64c.48 0 .875.24 1.037.317l.077.084l.88-.641l-.083-.077s-.713-.803-1.912-.803c-.563 0-1.12.161-1.516.479c-.4.324-.64.797-.64 1.281c0 .48.24.953.64 1.276c.319.24.715.396 1.277.557c1.113.319 1.113.641 1.113.797c0 .317-.395.641-.957.641c-.48 0-.876-.24-1.037-.324l-.077-.077l-.88.64l.083.079s.713.796 1.912.796c.563 0 1.12-.161 1.515-.479c.401-.317.641-.797.641-1.276s-.24-.875-.641-1.276zm19.787-3.115A3.07 3.07 0 0 0 20.271 16a3.116 3.116 0 0 0 3.109 3.115A3.074 3.074 0 0 0 26.495 16a3.124 3.124 0 0 0-3.115-3.115m0 5.11A1.98 1.98 0 0 1 21.385 16c0-1.12.88-1.995 1.995-1.995c1.12 0 1.995.875 1.995 1.995s-.959 1.995-1.995 1.995m5.027-2.074c.323.24.724.396 1.281.557c1.115.319 1.115.641 1.115.797c0 .317-.396.641-.959.641c-.48 0-.875-.24-1.037-.324h-.077l-.88.641l.083.077s.713.803 1.912.803c.563 0 1.12-.161 1.516-.479c.4-.324.64-.797.64-1.281c0-.48-.24-.953-.64-1.276c-.319-.24-.715-.396-1.277-.557c-1.113-.319-1.113-.641-1.113-.797c0-.317.395-.641.957-.641c.48 0 .876.24 1.037.324l.077.077l.88-.64l-.083-.079s-.713-.796-1.912-.796c-.563 0-1.12.161-1.515.479a1.66 1.66 0 0 0-.641 1.276c-.077.479.156.875.641 1.197z"/></svg>
React
import type { SVGProps } from "react";
export function CibSonos(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m17.317 16.479l-3.749-3.509v5.905h1.115v-3.276l3.749 3.511v-5.901h-1.115zM8.62 12.885A3.07 3.07 0 0 0 5.505 16c0 1.677 1.437 3.115 3.115 3.115A3.07 3.07 0 0 0 11.729 16a3.07 3.07 0 0 0-3.109-3.115m0 5.11A1.976 1.976 0 0 1 6.625 16c0-1.12.875-1.995 1.995-1.995c1.115 0 1.995.875 1.995 1.995s-.88 1.995-1.995 1.995M3.593 16c-.323-.24-.724-.401-1.281-.557c-1.115-.323-1.115-.64-1.115-.797c0-.323.396-.64.959-.64c.48 0 .875.24 1.037.317l.077.084l.88-.641l-.083-.077s-.713-.803-1.912-.803c-.563 0-1.12.161-1.516.479c-.4.324-.64.797-.64 1.281c0 .48.24.953.64 1.276c.319.24.715.396 1.277.557c1.113.319 1.113.641 1.113.797c0 .317-.395.641-.957.641c-.48 0-.876-.24-1.037-.324l-.077-.077l-.88.64l.083.079s.713.796 1.912.796c.563 0 1.12-.161 1.515-.479c.401-.317.641-.797.641-1.276s-.24-.875-.641-1.276zm19.787-3.115A3.07 3.07 0 0 0 20.271 16a3.116 3.116 0 0 0 3.109 3.115A3.074 3.074 0 0 0 26.495 16a3.124 3.124 0 0 0-3.115-3.115m0 5.11A1.98 1.98 0 0 1 21.385 16c0-1.12.88-1.995 1.995-1.995c1.12 0 1.995.875 1.995 1.995s-.959 1.995-1.995 1.995m5.027-2.074c.323.24.724.396 1.281.557c1.115.319 1.115.641 1.115.797c0 .317-.396.641-.959.641c-.48 0-.875-.24-1.037-.324h-.077l-.88.641l.083.077s.713.803 1.912.803c.563 0 1.12-.161 1.516-.479c.4-.324.64-.797.64-1.281c0-.48-.24-.953-.64-1.276c-.319-.24-.715-.396-1.277-.557c-1.113-.319-1.113-.641-1.113-.797c0-.317.395-.641.957-.641c.48 0 .876.24 1.037.324l.077.077l.88-.64l-.083-.079s-.713-.796-1.912-.796c-.563 0-1.12.161-1.515.479a1.66 1.66 0 0 0-.641 1.276c-.077.479.156.875.641 1.197z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m17.317 16.479l-3.749-3.509v5.905h1.115v-3.276l3.749 3.511v-5.901h-1.115zM8.62 12.885A3.07 3.07 0 0 0 5.505 16c0 1.677 1.437 3.115 3.115 3.115A3.07 3.07 0 0 0 11.729 16a3.07 3.07 0 0 0-3.109-3.115m0 5.11A1.976 1.976 0 0 1 6.625 16c0-1.12.875-1.995 1.995-1.995c1.115 0 1.995.875 1.995 1.995s-.88 1.995-1.995 1.995M3.593 16c-.323-.24-.724-.401-1.281-.557c-1.115-.323-1.115-.64-1.115-.797c0-.323.396-.64.959-.64c.48 0 .875.24 1.037.317l.077.084l.88-.641l-.083-.077s-.713-.803-1.912-.803c-.563 0-1.12.161-1.516.479c-.4.324-.64.797-.64 1.281c0 .48.24.953.64 1.276c.319.24.715.396 1.277.557c1.113.319 1.113.641 1.113.797c0 .317-.395.641-.957.641c-.48 0-.876-.24-1.037-.324l-.077-.077l-.88.64l.083.079s.713.796 1.912.796c.563 0 1.12-.161 1.515-.479c.401-.317.641-.797.641-1.276s-.24-.875-.641-1.276zm19.787-3.115A3.07 3.07 0 0 0 20.271 16a3.116 3.116 0 0 0 3.109 3.115A3.074 3.074 0 0 0 26.495 16a3.124 3.124 0 0 0-3.115-3.115m0 5.11A1.98 1.98 0 0 1 21.385 16c0-1.12.88-1.995 1.995-1.995c1.12 0 1.995.875 1.995 1.995s-.959 1.995-1.995 1.995m5.027-2.074c.323.24.724.396 1.281.557c1.115.319 1.115.641 1.115.797c0 .317-.396.641-.959.641c-.48 0-.875-.24-1.037-.324h-.077l-.88.641l.083.077s.713.803 1.912.803c.563 0 1.12-.161 1.516-.479c.4-.324.64-.797.64-1.281c0-.48-.24-.953-.64-1.276c-.319-.24-.715-.396-1.277-.557c-1.113-.319-1.113-.641-1.113-.797c0-.317.395-.641.957-.641c.48 0 .876.24 1.037.324l.077.077l.88-.64l-.083-.079s-.713-.796-1.912-.796c-.563 0-1.12.161-1.515.479a1.66 1.66 0 0 0-.641 1.276c-.077.479.156.875.641 1.197z"/></svg> </template>
CSS
.icon-sonos {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m17.317%2016.479l-3.749-3.509v5.905h1.115v-3.276l3.749%203.511v-5.901h-1.115zM8.62%2012.885A3.07%203.07%200%200%200%205.505%2016c0%201.677%201.437%203.115%203.115%203.115A3.07%203.07%200%200%200%2011.729%2016a3.07%203.07%200%200%200-3.109-3.115m0%205.11A1.976%201.976%200%200%201%206.625%2016c0-1.12.875-1.995%201.995-1.995c1.115%200%201.995.875%201.995%201.995s-.88%201.995-1.995%201.995M3.593%2016c-.323-.24-.724-.401-1.281-.557c-1.115-.323-1.115-.64-1.115-.797c0-.323.396-.64.959-.64c.48%200%20.875.24%201.037.317l.077.084l.88-.641l-.083-.077s-.713-.803-1.912-.803c-.563%200-1.12.161-1.516.479c-.4.324-.64.797-.64%201.281c0%20.48.24.953.64%201.276c.319.24.715.396%201.277.557c1.113.319%201.113.641%201.113.797c0%20.317-.395.641-.957.641c-.48%200-.876-.24-1.037-.324l-.077-.077l-.88.64l.083.079s.713.796%201.912.796c.563%200%201.12-.161%201.515-.479c.401-.317.641-.797.641-1.276s-.24-.875-.641-1.276zm19.787-3.115A3.07%203.07%200%200%200%2020.271%2016a3.116%203.116%200%200%200%203.109%203.115A3.074%203.074%200%200%200%2026.495%2016a3.124%203.124%200%200%200-3.115-3.115m0%205.11A1.98%201.98%200%200%201%2021.385%2016c0-1.12.88-1.995%201.995-1.995c1.12%200%201.995.875%201.995%201.995s-.959%201.995-1.995%201.995m5.027-2.074c.323.24.724.396%201.281.557c1.115.319%201.115.641%201.115.797c0%20.317-.396.641-.959.641c-.48%200-.875-.24-1.037-.324h-.077l-.88.641l.083.077s.713.803%201.912.803c.563%200%201.12-.161%201.516-.479c.4-.324.64-.797.64-1.281c0-.48-.24-.953-.64-1.276c-.319-.24-.715-.396-1.277-.557c-1.113-.319-1.113-.641-1.113-.797c0-.317.395-.641.957-.641c.48%200%20.876.24%201.037.324l.077.077l.88-.64l-.083-.079s-.713-.796-1.912-.796c-.563%200-1.12.161-1.515.479a1.66%201.66%200%200%200-.641%201.276c-.077.479.156.875.641%201.197z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m17.317%2016.479l-3.749-3.509v5.905h1.115v-3.276l3.749%203.511v-5.901h-1.115zM8.62%2012.885A3.07%203.07%200%200%200%205.505%2016c0%201.677%201.437%203.115%203.115%203.115A3.07%203.07%200%200%200%2011.729%2016a3.07%203.07%200%200%200-3.109-3.115m0%205.11A1.976%201.976%200%200%201%206.625%2016c0-1.12.875-1.995%201.995-1.995c1.115%200%201.995.875%201.995%201.995s-.88%201.995-1.995%201.995M3.593%2016c-.323-.24-.724-.401-1.281-.557c-1.115-.323-1.115-.64-1.115-.797c0-.323.396-.64.959-.64c.48%200%20.875.24%201.037.317l.077.084l.88-.641l-.083-.077s-.713-.803-1.912-.803c-.563%200-1.12.161-1.516.479c-.4.324-.64.797-.64%201.281c0%20.48.24.953.64%201.276c.319.24.715.396%201.277.557c1.113.319%201.113.641%201.113.797c0%20.317-.395.641-.957.641c-.48%200-.876-.24-1.037-.324l-.077-.077l-.88.64l.083.079s.713.796%201.912.796c.563%200%201.12-.161%201.515-.479c.401-.317.641-.797.641-1.276s-.24-.875-.641-1.276zm19.787-3.115A3.07%203.07%200%200%200%2020.271%2016a3.116%203.116%200%200%200%203.109%203.115A3.074%203.074%200%200%200%2026.495%2016a3.124%203.124%200%200%200-3.115-3.115m0%205.11A1.98%201.98%200%200%201%2021.385%2016c0-1.12.88-1.995%201.995-1.995c1.12%200%201.995.875%201.995%201.995s-.959%201.995-1.995%201.995m5.027-2.074c.323.24.724.396%201.281.557c1.115.319%201.115.641%201.115.797c0%20.317-.396.641-.959.641c-.48%200-.875-.24-1.037-.324h-.077l-.88.641l.083.077s.713.803%201.912.803c.563%200%201.12-.161%201.516-.479c.4-.324.64-.797.64-1.281c0-.48-.24-.953-.64-1.276c-.319-.24-.715-.396-1.277-.557c-1.113-.319-1.113-.641-1.113-.797c0-.317.395-.641.957-.641c.48%200%20.876.24%201.037.324l.077.077l.88-.64l-.083-.079s-.713-.796-1.912-.796c-.563%200-1.12.161-1.515.479a1.66%201.66%200%200%200-.641%201.276c-.077.479.156.875.641%201.197z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/cib/sonos.svg?color=%231a73e8&size=48
