Add icons to this collection by clicking the heart icon.
Speaker icon - also known as audio, speaker, woofer, subwoofer, loudspeaker, electronics, and music and multimedia. Created in a clean flat gradient 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="512"
height="512"
viewBox="0 0 52 52"
>
<linearGradient id="a">
<stop offset="0" stop-color="#4c5c75" />
<stop offset="1" stop-color="#1d2943" />
</linearGradient>
<linearGradient
id="d"
x1="-1691.236"
x2="-1727.506"
y1="31.33"
y2="9.568"
gradientTransform="matrix(-1 0 0 1 -1674.119 0)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#4c5c75" stop-opacity="0" />
<stop offset="1" stop-color="#1d2943" />
</linearGradient>
<linearGradient
id="e"
x1="26"
x2="26"
y1="38.56"
y2="48.858"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="f"
x1="26"
x2="26"
y1="13.507"
y2="47.905"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="36.218"
x2="25.746"
y1="46.596"
y2="38.16"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="h"
x1="42.486"
x2="28.071"
y1="32.947"
y2="20.004"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#e3e7f0" />
<stop offset="1" stop-color="#9ea9c9" />
</linearGradient>
<linearGradient
id="i"
x1="26"
x2="26"
y1="9.701"
y2="26.593"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="j"
x1="49.455"
x2="49.455"
y1="-155.795"
y2="-141.443"
gradientTransform="rotate(180 37.727 -65.808)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="k"
x1="25.905"
x2="26.094"
y1="13.772"
y2="21.235"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="l"
x1="26"
x2="26"
y1="32.518"
y2="43.305"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="m"
x1="49.453"
x2="49.453"
y1="-132.978"
y2="-124.732"
gradientTransform="rotate(180 37.727 -45.82)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="n"
x1="25.949"
x2="26.051"
y1="35.487"
y2="39.52"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#d)"
d="M12.2 50h27.7c1.7 0 3-1.3 3-3V5c0-1.7-1.3-3-3-3H12.2c-1.7 0-3 1.3-3 3v42c0 1.7 1.3 3 3 3z"
/>
<path
fill="url(#e)"
d="M12.2 50h27.7c1.7 0 3-1.3 3-3V5c0-1.7-1.3-3-3-3H12.2c-1.7 0-3 1.3-3 3v42c0 1.7 1.3 3 3 3z"
/>
<path
fill="url(#f)"
d="M14.2 47h23.7c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2H14.2c-1.1 0-2 .9-2 2v38c0 1.1.8 2 2 2z"
/>
<path
fill="url(#g)"
d="M39.8 45v-.9l-8.7-10.4-9.5 8.4 4.3 4.9h12c1.1 0 1.9-.9 1.9-2z"
/>
<path
fill="url(#h)"
d="M39.8 44.1v-25L34 11.7 19.1 24.8l10.5 10.3 1.5-1.3z"
/>
<circle cx="26" cy="17.5" r="10" fill="url(#i)" />
<path
fill="url(#j)"
d="M26 9.1c4.7 0 8.5 3.8 8.5 8.5S30.7 26 26 26s-8.5-3.8-8.5-8.5 3.8-8.4 8.5-8.4z"
/>
<circle cx="26" cy="17.5" r="4.4" fill="url(#k)" />
<circle cx="26" cy="37.5" r="6.4" fill="url(#l)" />
<circle cx="26" cy="37.5" r="4.9" fill="url(#m)" />
<circle cx="26" cy="37.5" r="2.4" fill="url(#n)" />
</svg>
More icons in the same style and category