Add icons to this collection by clicking the heart icon.
Loudspeaker icon - also known as technology, sound, audio, music, speaker, woofer, subwoofer, loudspeaker, speakers, and music and multimedia. Created in a clean lineal color style, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="100"
height="100"
viewBox="0 0 512 512"
>
<path
d="M192 64H42.667C19.146 64 0 83.135 0 106.667v298.667C0 428.865 19.146 448 42.667 448H192c23.521 0 42.667-19.135 42.667-42.667V106.667C234.667 83.135 215.521 64 192 64z"
fill="#303c42"
/>
<path
d="M213.333 405.333c0 11.76-9.563 21.333-21.333 21.333H42.667c-11.771 0-21.333-9.573-21.333-21.333V106.667c0-11.76 9.563-21.333 21.333-21.333H192c11.771 0 21.333 9.573 21.333 21.333v298.666z"
fill="#6d4c41"
/>
<path
d="M213.333 405.333c0 11.76-9.563 21.333-21.333 21.333H42.667c-11.771 0-21.333-9.573-21.333-21.333V106.667c0-11.76 9.563-21.333 21.333-21.333H192c11.771 0 21.333 9.573 21.333 21.333v298.666z"
opacity=".15"
fill="#d32f2f"
/>
<linearGradient
id="a"
x1="-43.283"
x2="-35.096"
y1="636.865"
y2="628.677"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#000" stop-opacity=".1" />
<stop offset="1" stop-color="#000" stop-opacity="0" />
</linearGradient>
<path
d="M155.406 122.76c9.411 9.622 15.26 22.749 15.26 37.24 0 29.406-23.917 53.333-53.333 53.333-9.694 0-18.667-2.794-26.508-7.331l-.12.154 28.723 28.723C159.607 236.017 192 268.884 192 309.333 192 350.5 158.5 384 117.333 384c-18.372 0-35-6.927-48.022-17.977l-.232.217 60.426 60.426H192c11.771 0 21.333-9.573 21.333-21.333V180.686l-57.927-57.926z"
fill="url(#a)"
/>
<path
d="M469.333 64H320c-23.521 0-42.667 19.135-42.667 42.667v298.667C277.333 428.865 296.479 448 320 448h149.333C492.854 448 512 428.865 512 405.333V106.667C512 83.135 492.854 64 469.333 64z"
fill="#303c42"
/>
<path
d="M490.667 405.333c0 11.76-9.563 21.333-21.333 21.333H320c-11.771 0-21.333-9.573-21.333-21.333V106.667c0-11.76 9.563-21.333 21.333-21.333h149.333c11.771 0 21.333 9.573 21.333 21.333v298.666z"
fill="#6d4c41"
/>
<path
d="M490.667 405.333c0 11.76-9.563 21.333-21.333 21.333H320c-11.771 0-21.333-9.573-21.333-21.333V106.667c0-11.76 9.563-21.333 21.333-21.333h149.333c11.771 0 21.333 9.573 21.333 21.333v298.666z"
opacity=".15"
fill="#d32f2f"
/>
<linearGradient
id="b"
x1="-30.283"
x2="-22.096"
y1="636.865"
y2="628.677"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#000" stop-opacity=".1" />
<stop offset="1" stop-color="#000" stop-opacity="0" />
</linearGradient>
<path
d="M432.74 122.76C442.151 132.383 448 145.509 448 160c0 29.406-23.917 53.333-53.333 53.333-9.694 0-18.667-2.794-26.508-7.331l-.12.154 28.723 28.723c40.178 1.138 72.572 34.005 72.572 74.454 0 41.167-33.5 74.667-74.667 74.667-18.372 0-35-6.927-48.022-17.977l-.232.217 60.426 60.426h62.495c11.771 0 21.333-9.573 21.333-21.333V180.686L432.74 122.76z"
fill="url(#b)"
/>
<circle cx="117.333" cy="309.333" r="74.667" fill="#303c42" />
<circle cx="117.333" cy="309.333" r="53.333" opacity=".1" />
<circle cx="117.333" cy="309.333" r="53.333" fill="#546e7a" />
<radialGradient
id="c"
cx="-41.203"
cy="631.984"
r="2.5"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#000" stop-opacity="0" />
<stop offset="1" stop-color="#000" stop-opacity=".2" />
</radialGradient>
<circle cx="117.333" cy="309.333" r="53.333" fill="url(#c)" />
<circle cx="117.333" cy="309.333" r="32" fill="#303c42" />
<radialGradient
id="d"
cx="-41.203"
cy="631.984"
r="1.5"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" stop-opacity=".05" />
<stop offset="1" stop-color="#fff" stop-opacity="0" />
</radialGradient>
<circle cx="117.333" cy="309.333" r="32" fill="url(#d)" />
<circle cx="117.333" cy="160" r="53.333" fill="#303c42" />
<circle cx="117.333" cy="160" r="32" fill="#546e7a" />
<radialGradient
id="e"
cx="-41.203"
cy="638.984"
r="1.5"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#000" stop-opacity="0" />
<stop offset="1" stop-color="#000" stop-opacity=".2" />
</radialGradient>
<circle cx="117.333" cy="160" r="32" fill="url(#e)" />
<circle cx="117.333" cy="160" r="10.667" fill="#303c42" />
<radialGradient
id="f"
cx="-41.203"
cy="638.984"
r=".5"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" stop-opacity=".05" />
<stop offset="1" stop-color="#fff" stop-opacity="0" />
</radialGradient>
<circle cx="117.333" cy="160" r="10.667" fill="url(#f)" />
<circle cx="117.333" cy="160" r="53.333" opacity=".1" />
<circle cx="394.667" cy="160" r="53.333" fill="#303c42" />
<circle cx="394.667" cy="160" r="32" fill="#546e7a" />
<radialGradient
id="g"
cx="-28.203"
cy="638.984"
r="1.5"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#000" stop-opacity="0" />
<stop offset="1" stop-color="#000" stop-opacity=".2" />
</radialGradient>
<circle cx="394.667" cy="160" r="32" fill="url(#g)" />
<circle cx="394.667" cy="160" r="10.667" fill="#303c42" />
<radialGradient
id="h"
cx="-28.203"
cy="638.984"
r=".5"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" stop-opacity=".05" />
<stop offset="1" stop-color="#fff" stop-opacity="0" />
</radialGradient>
<circle cx="394.667" cy="160" r="10.667" fill="url(#h)" />
<circle cx="394.667" cy="160" r="53.333" opacity=".1" />
<circle cx="394.667" cy="309.333" r="74.667" fill="#303c42" />
<circle cx="394.667" cy="309.333" r="53.333" opacity=".1" />
<circle cx="394.667" cy="309.333" r="53.333" fill="#546e7a" />
<radialGradient
id="i"
cx="-28.203"
cy="631.984"
r="2.5"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#000" stop-opacity="0" />
<stop offset="1" stop-color="#000" stop-opacity=".2" />
</radialGradient>
<circle cx="394.667" cy="309.333" r="53.333" fill="url(#i)" />
<circle cx="394.667" cy="309.333" r="32" fill="#303c42" />
<radialGradient
id="j"
cx="-28.203"
cy="631.984"
r="1.5"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" stop-opacity=".05" />
<stop offset="1" stop-color="#fff" stop-opacity="0" />
</radialGradient>
<circle cx="394.667" cy="309.333" r="32" fill="url(#j)" />
<linearGradient
id="k"
x1="-47.411"
x2="-21.996"
y1="640.41"
y2="628.559"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" stop-opacity=".2" />
<stop offset="1" stop-color="#fff" stop-opacity="0" />
</linearGradient>
<path
d="M192 64H42.667C19.146 64 0 83.135 0 106.667v298.667C0 428.865 19.146 448 42.667 448H192c23.521 0 42.667-19.135 42.667-42.667V106.667C234.667 83.135 215.521 64 192 64zm277.333 0H320c-23.521 0-42.667 19.135-42.667 42.667v298.667C277.333 428.865 296.479 448 320 448h149.333C492.854 448 512 428.865 512 405.333V106.667C512 83.135 492.854 64 469.333 64z"
fill="url(#k)"
/>
</svg>
More icons in the same style and category