Add icons to this collection by clicking the heart icon.
Speaker icon - also known as technology, audio, speaker, musical, music player, sound box, speakers, and music and multimedia. 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 512 512"
>
<linearGradient
id="a"
x1="74.981"
x2="437.019"
y1="439.019"
y2="76.981"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffc86f" />
<stop offset="1" stop-color="#ff5b00" />
</linearGradient>
<circle cx="256" cy="256" r="256" fill="url(#a)" />
<linearGradient
id="b"
x1="184.67"
x2="325.69"
y1="258.001"
y2="258.001"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#56545b" />
<stop offset="1" stop-color="#29292b" />
</linearGradient>
<path
d="M351.651 443.55H160.349c-18.562 0-33.748-15.187-33.748-33.748V102.196c0-18.562 15.187-33.748 33.748-33.748h191.303c18.562 0 33.748 15.187 33.748 33.748v307.605c0 18.562-15.187 33.749-33.749 33.749z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="184.67"
x2="325.69"
y1="177.67"
y2="177.67"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b0afb5" />
<stop offset="1" stop-color="#77767e" />
</linearGradient>
<circle cx="256" cy="336.33" r="80.5" fill="url(#c)" />
<linearGradient
id="d"
x1="184.67"
x2="325.69"
y1="177.67"
y2="177.67"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#77767e" />
<stop offset="1" stop-color="#56545b" />
</linearGradient>
<circle cx="256" cy="336.33" r="57.27" fill="url(#d)" />
<linearGradient
id="e"
x1="184.67"
x2="325.69"
y1="177.67"
y2="177.67"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e1e1e3" />
<stop offset="1" stop-color="#9c9b9a" />
</linearGradient>
<circle cx="256" cy="336.33" r="26.312" fill="url(#e)" />
<linearGradient
id="f"
x1="184.67"
x2="325.69"
y1="348.08"
y2="348.08"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b0afb5" />
<stop offset="1" stop-color="#77767e" />
</linearGradient>
<circle cx="256" cy="165.92" r="57.58" fill="url(#f)" />
<linearGradient
id="g"
x1="184.67"
x2="325.69"
y1="348.08"
y2="348.08"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#77767e" />
<stop offset="1" stop-color="#56545b" />
</linearGradient>
<circle cx="256" cy="165.92" r="40.966" fill="url(#g)" />
<linearGradient
id="h"
x1="184.67"
x2="325.69"
y1="348.08"
y2="348.08"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e1e1e3" />
<stop offset="1" stop-color="#9c9b9a" />
</linearGradient>
<circle cx="256" cy="165.92" r="18.821" fill="url(#h)" />
</svg>
More icons in the same style and category