Add icons to this collection by clicking the heart icon.
Speaker icon - also known as speaker, woofer, subwoofer, electronics, sound system, and sound speaker. Created in a clean flat gradient style with a white finish, 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="512"
height="512"
viewBox="0 0 512 512"
>
<linearGradient
id="c"
x1="80.448"
x2="431.448"
y1="24.502"
y2="487.359"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#3e4154" />
<stop offset="1" stop-color="#1b2129" />
</linearGradient>
<linearGradient
id="a"
x1="109.791"
x2="124.876"
y1="56.458"
y2="71.542"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#c6cbcc" />
<stop offset="1" stop-color="#9fa5a6" />
</linearGradient>
<linearGradient
id="d"
x1="387.124"
x2="402.209"
y1="56.458"
y2="71.542"
href="#a"
/>
<linearGradient
id="e"
x1="109.791"
x2="124.876"
y1="440.458"
y2="455.542"
href="#a"
/>
<linearGradient
id="f"
x1="387.124"
x2="402.209"
y1="440.458"
y2="455.542"
href="#a"
/>
<linearGradient
id="b"
x1="173.033"
x2="338.967"
y1="247.699"
y2="413.634"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#edf1f2" />
<stop offset="1" stop-color="#c6cbcc" />
</linearGradient>
<linearGradient
id="g"
x1="233.373"
x2="278.627"
y1="308.039"
y2="353.294"
href="#a"
/>
<linearGradient
id="h"
x1="210.745"
x2="301.255"
y1="82.745"
y2="173.255"
href="#b"
/>
<linearGradient
id="i"
x1="240.915"
x2="271.085"
y1="112.915"
y2="143.085"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" />
<stop offset="1" stop-color="#edf2f0" />
</linearGradient>
<rect
width="362.667"
height="469.333"
x="74.667"
y="21.333"
fill="url(#c)"
rx="32"
/>
<circle cx="117.333" cy="64" r="10.667" fill="url(#a)" />
<circle cx="394.667" cy="64" r="10.667" fill="url(#d)" />
<circle cx="117.333" cy="448" r="10.667" fill="url(#e)" />
<circle cx="394.667" cy="448" r="10.667" fill="url(#f)" />
<circle cx="256" cy="330.667" r="117.333" fill="url(#b)" />
<circle cx="256" cy="330.667" r="32" fill="#eaeff0" />
<circle cx="256" cy="330.667" r="32" fill="url(#g)" />
<circle cx="256" cy="128" r="64" fill="url(#h)" />
<circle cx="256" cy="128" r="21.333" fill="url(#i)" />
</svg>
More icons in the same style and category