sonos logo
sonos from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- sonos
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- 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 24 24"><path fill="currentColor" d="m12.988 12.36l-2.813-2.634v4.429h.837V11.7l2.813 2.633V9.905h-.837zM6.464 9.665A2.3 2.3 0 0 0 4.13 12c0 1.257 1.077 2.334 2.334 2.334A2.3 2.3 0 0 0 8.798 12a2.3 2.3 0 0 0-2.334-2.334m0 3.83A1.48 1.48 0 0 1 4.968 12c0-.838.658-1.496 1.496-1.496S7.96 11.162 7.96 12s-.658 1.496-1.496 1.496M2.694 12c-.24-.18-.54-.3-.958-.419c-.838-.24-.838-.479-.838-.598c0-.24.299-.48.718-.48c.36 0 .658.18.778.24l.06.06l.658-.479l-.06-.06s-.538-.598-1.436-.598c-.419 0-.838.12-1.137.359c-.3.24-.479.598-.479.958s.18.718.479.957c.24.18.538.3.957.42c.838.239.838.478.838.598c0 .239-.299.478-.718.478c-.359 0-.658-.18-.778-.239l-.06-.06l-.658.479l.06.06s.538.598 1.436.598c.42 0 .838-.12 1.137-.359c.3-.24.48-.598.48-.957c0-.36-.18-.659-.48-.958m14.843-2.334A2.3 2.3 0 0 0 15.202 12a2.337 2.337 0 0 0 2.334 2.334A2.3 2.3 0 0 0 19.87 12a2.337 2.337 0 0 0-2.334-2.334m0 3.83A1.48 1.48 0 0 1 16.04 12c0-.838.658-1.496 1.496-1.496s1.496.658 1.496 1.496s-.718 1.496-1.496 1.496m3.77-1.556c.24.18.54.3.958.42c.838.239.838.478.838.598c0 .239-.299.478-.718.478c-.36 0-.658-.18-.778-.239h-.06l-.658.479l.06.06s.538.598 1.436.598c.419 0 .838-.12 1.137-.359s.479-.598.479-.958s-.18-.718-.479-.957c-.24-.18-.538-.3-.957-.42c-.838-.239-.838-.478-.838-.598c0-.239.299-.478.718-.478c.359 0 .658.18.778.239l.06.06l.658-.479l-.06-.06s-.538-.598-1.436-.598c-.42 0-.838.12-1.137.359c-.3.24-.48.598-.48.957c-.059.36.12.659.48.898"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsSonos(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m12.988 12.36l-2.813-2.634v4.429h.837V11.7l2.813 2.633V9.905h-.837zM6.464 9.665A2.3 2.3 0 0 0 4.13 12c0 1.257 1.077 2.334 2.334 2.334A2.3 2.3 0 0 0 8.798 12a2.3 2.3 0 0 0-2.334-2.334m0 3.83A1.48 1.48 0 0 1 4.968 12c0-.838.658-1.496 1.496-1.496S7.96 11.162 7.96 12s-.658 1.496-1.496 1.496M2.694 12c-.24-.18-.54-.3-.958-.419c-.838-.24-.838-.479-.838-.598c0-.24.299-.48.718-.48c.36 0 .658.18.778.24l.06.06l.658-.479l-.06-.06s-.538-.598-1.436-.598c-.419 0-.838.12-1.137.359c-.3.24-.479.598-.479.958s.18.718.479.957c.24.18.538.3.957.42c.838.239.838.478.838.598c0 .239-.299.478-.718.478c-.359 0-.658-.18-.778-.239l-.06-.06l-.658.479l.06.06s.538.598 1.436.598c.42 0 .838-.12 1.137-.359c.3-.24.48-.598.48-.957c0-.36-.18-.659-.48-.958m14.843-2.334A2.3 2.3 0 0 0 15.202 12a2.337 2.337 0 0 0 2.334 2.334A2.3 2.3 0 0 0 19.87 12a2.337 2.337 0 0 0-2.334-2.334m0 3.83A1.48 1.48 0 0 1 16.04 12c0-.838.658-1.496 1.496-1.496s1.496.658 1.496 1.496s-.718 1.496-1.496 1.496m3.77-1.556c.24.18.54.3.958.42c.838.239.838.478.838.598c0 .239-.299.478-.718.478c-.36 0-.658-.18-.778-.239h-.06l-.658.479l.06.06s.538.598 1.436.598c.419 0 .838-.12 1.137-.359s.479-.598.479-.958s-.18-.718-.479-.957c-.24-.18-.538-.3-.957-.42c-.838-.239-.838-.478-.838-.598c0-.239.299-.478.718-.478c.359 0 .658.18.778.239l.06.06l.658-.479l-.06-.06s-.538-.598-1.436-.598c-.42 0-.838.12-1.137.359c-.3.24-.48.598-.48.957c-.059.36.12.659.48.898"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m12.988 12.36l-2.813-2.634v4.429h.837V11.7l2.813 2.633V9.905h-.837zM6.464 9.665A2.3 2.3 0 0 0 4.13 12c0 1.257 1.077 2.334 2.334 2.334A2.3 2.3 0 0 0 8.798 12a2.3 2.3 0 0 0-2.334-2.334m0 3.83A1.48 1.48 0 0 1 4.968 12c0-.838.658-1.496 1.496-1.496S7.96 11.162 7.96 12s-.658 1.496-1.496 1.496M2.694 12c-.24-.18-.54-.3-.958-.419c-.838-.24-.838-.479-.838-.598c0-.24.299-.48.718-.48c.36 0 .658.18.778.24l.06.06l.658-.479l-.06-.06s-.538-.598-1.436-.598c-.419 0-.838.12-1.137.359c-.3.24-.479.598-.479.958s.18.718.479.957c.24.18.538.3.957.42c.838.239.838.478.838.598c0 .239-.299.478-.718.478c-.359 0-.658-.18-.778-.239l-.06-.06l-.658.479l.06.06s.538.598 1.436.598c.42 0 .838-.12 1.137-.359c.3-.24.48-.598.48-.957c0-.36-.18-.659-.48-.958m14.843-2.334A2.3 2.3 0 0 0 15.202 12a2.337 2.337 0 0 0 2.334 2.334A2.3 2.3 0 0 0 19.87 12a2.337 2.337 0 0 0-2.334-2.334m0 3.83A1.48 1.48 0 0 1 16.04 12c0-.838.658-1.496 1.496-1.496s1.496.658 1.496 1.496s-.718 1.496-1.496 1.496m3.77-1.556c.24.18.54.3.958.42c.838.239.838.478.838.598c0 .239-.299.478-.718.478c-.36 0-.658-.18-.778-.239h-.06l-.658.479l.06.06s.538.598 1.436.598c.419 0 .838-.12 1.137-.359s.479-.598.479-.958s-.18-.718-.479-.957c-.24-.18-.538-.3-.957-.42c-.838-.239-.838-.478-.838-.598c0-.239.299-.478.718-.478c.359 0 .658.18.778.239l.06.06l.658-.479l-.06-.06s-.538-.598-1.436-.598c-.42 0-.838.12-1.137.359c-.3.24-.48.598-.48.957c-.059.36.12.659.48.898"/></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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m12.988%2012.36l-2.813-2.634v4.429h.837V11.7l2.813%202.633V9.905h-.837zM6.464%209.665A2.3%202.3%200%200%200%204.13%2012c0%201.257%201.077%202.334%202.334%202.334A2.3%202.3%200%200%200%208.798%2012a2.3%202.3%200%200%200-2.334-2.334m0%203.83A1.48%201.48%200%200%201%204.968%2012c0-.838.658-1.496%201.496-1.496S7.96%2011.162%207.96%2012s-.658%201.496-1.496%201.496M2.694%2012c-.24-.18-.54-.3-.958-.419c-.838-.24-.838-.479-.838-.598c0-.24.299-.48.718-.48c.36%200%20.658.18.778.24l.06.06l.658-.479l-.06-.06s-.538-.598-1.436-.598c-.419%200-.838.12-1.137.359c-.3.24-.479.598-.479.958s.18.718.479.957c.24.18.538.3.957.42c.838.239.838.478.838.598c0%20.239-.299.478-.718.478c-.359%200-.658-.18-.778-.239l-.06-.06l-.658.479l.06.06s.538.598%201.436.598c.42%200%20.838-.12%201.137-.359c.3-.24.48-.598.48-.957c0-.36-.18-.659-.48-.958m14.843-2.334A2.3%202.3%200%200%200%2015.202%2012a2.337%202.337%200%200%200%202.334%202.334A2.3%202.3%200%200%200%2019.87%2012a2.337%202.337%200%200%200-2.334-2.334m0%203.83A1.48%201.48%200%200%201%2016.04%2012c0-.838.658-1.496%201.496-1.496s1.496.658%201.496%201.496s-.718%201.496-1.496%201.496m3.77-1.556c.24.18.54.3.958.42c.838.239.838.478.838.598c0%20.239-.299.478-.718.478c-.36%200-.658-.18-.778-.239h-.06l-.658.479l.06.06s.538.598%201.436.598c.419%200%20.838-.12%201.137-.359s.479-.598.479-.958s-.18-.718-.479-.957c-.24-.18-.538-.3-.957-.42c-.838-.239-.838-.478-.838-.598c0-.239.299-.478.718-.478c.359%200%20.658.18.778.239l.06.06l.658-.479l-.06-.06s-.538-.598-1.436-.598c-.42%200-.838.12-1.137.359c-.3.24-.48.598-.48.957c-.059.36.12.659.48.898%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m12.988%2012.36l-2.813-2.634v4.429h.837V11.7l2.813%202.633V9.905h-.837zM6.464%209.665A2.3%202.3%200%200%200%204.13%2012c0%201.257%201.077%202.334%202.334%202.334A2.3%202.3%200%200%200%208.798%2012a2.3%202.3%200%200%200-2.334-2.334m0%203.83A1.48%201.48%200%200%201%204.968%2012c0-.838.658-1.496%201.496-1.496S7.96%2011.162%207.96%2012s-.658%201.496-1.496%201.496M2.694%2012c-.24-.18-.54-.3-.958-.419c-.838-.24-.838-.479-.838-.598c0-.24.299-.48.718-.48c.36%200%20.658.18.778.24l.06.06l.658-.479l-.06-.06s-.538-.598-1.436-.598c-.419%200-.838.12-1.137.359c-.3.24-.479.598-.479.958s.18.718.479.957c.24.18.538.3.957.42c.838.239.838.478.838.598c0%20.239-.299.478-.718.478c-.359%200-.658-.18-.778-.239l-.06-.06l-.658.479l.06.06s.538.598%201.436.598c.42%200%20.838-.12%201.137-.359c.3-.24.48-.598.48-.957c0-.36-.18-.659-.48-.958m14.843-2.334A2.3%202.3%200%200%200%2015.202%2012a2.337%202.337%200%200%200%202.334%202.334A2.3%202.3%200%200%200%2019.87%2012a2.337%202.337%200%200%200-2.334-2.334m0%203.83A1.48%201.48%200%200%201%2016.04%2012c0-.838.658-1.496%201.496-1.496s1.496.658%201.496%201.496s-.718%201.496-1.496%201.496m3.77-1.556c.24.18.54.3.958.42c.838.239.838.478.838.598c0%20.239-.299.478-.718.478c-.36%200-.658-.18-.778-.239h-.06l-.658.479l.06.06s.538.598%201.436.598c.419%200%20.838-.12%201.137-.359s.479-.598.479-.958s-.18-.718-.479-.957c-.24-.18-.538-.3-.957-.42c-.838-.239-.838-.478-.838-.598c0-.239.299-.478.718-.478c.359%200%20.658.18.778.239l.06.06l.658-.479l-.06-.06s-.538-.598-1.436-.598c-.42%200-.838.12-1.137.359c-.3.24-.48.598-.48.957c-.059.36.12.659.48.898%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/sonos.svg?color=%231a73e8&size=48
