Add icons to this collection by clicking the heart icon.
Speaker icon - also known as sound, audio, music, speaker, woofer, speakers, electronics, and furniture and household. Created in a clean 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="100"
height="100"
viewBox="0 0 480 480"
>
<linearGradient
id="a"
x1="-26.875"
x2="-26.875"
y1="554.651"
y2="619.372"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M416 0H64C50.745 0 40 10.745 40 24v456h400V24c0-13.255-10.745-24-24-24zm8 464H56V24a8 8 0 0 1 8-8h352a8 8 0 0 1 8 8v440z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-26.875"
x2="-26.875"
y1="554.651"
y2="619.372"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M408 24H72a8 8 0 0 0-8 8v80a8 8 0 0 0 8 8h336a8 8 0 0 0 8-8V32a8 8 0 0 0-8-8zm-8 80H80V40h320v64z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-42.875"
x2="-42.875"
y1="554.651"
y2="619.372"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M112 96c13.255 0 24-10.745 24-24s-10.745-24-24-24-24 10.745-24 24 10.745 24 24 24zm0-32a8 8 0 1 1 0 16 8 8 0 0 1 0-16z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="-34.875"
x2="-34.875"
y1="554.651"
y2="619.372"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M176 96c13.255 0 24-10.745 24-24s-10.745-24-24-24-24 10.745-24 24 10.745 24 24 24zm0-32a8 8 0 1 1 0 16 8 8 0 0 1 0-16z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="-26.875"
x2="-26.875"
y1="554.651"
y2="619.372"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M240 96c13.255 0 24-10.745 24-24s-10.745-24-24-24-24 10.745-24 24 10.745 24 24 24zm0-32a8 8 0 1 1 0 16 8 8 0 0 1 0-16z"
fill="url(#e)"
/>
<linearGradient
id="f"
x1="-26.875"
x2="-26.875"
y1="554.651"
y2="619.372"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M64 136v320h352V136H64zm16 107.312L171.312 152h41.376L80 284.688v-41.376zm0 64L235.312 152h41.376L80 348.688v-41.376zM148.688 152 80 220.688V152h68.688zM80 371.312 299.312 152h41.376L80 412.688v-41.376zm320-22.624L308.688 440h-41.376L400 307.312v41.376zm0-64L244.688 440h-41.376L400 243.312v41.376zm0-64L180.688 440h-41.376L400 179.312v41.376zM331.312 440 400 371.312V440h-68.688zM400 152v4.688L116.688 440H80v-4.688L363.312 152H400z"
fill="url(#f)"
/>
<linearGradient
id="g"
x1="-10.875"
x2="-10.875"
y1="554.651"
y2="619.372"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<circle cx="368" cy="72" r="16" fill="url(#g)" />
</svg>
More icons in the same style and category