Add icons to this collection by clicking the heart icon.
Speaker icon - also known as interface, sound, entertainment, audio, volume, speaker, and multimedia. Created in a clean 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="512"
height="512"
viewBox="0 0 510 510"
>
<linearGradient id="a">
<stop offset="0" stop-color="#ffd945" />
<stop offset=".304" stop-color="#ffcd3e" />
<stop offset=".856" stop-color="#ffad2b" />
<stop offset="1" stop-color="#ffa325" />
</linearGradient>
<linearGradient
id="c"
x1="-317.798"
x2="-317.798"
y1="955.435"
y2="1017.613"
gradientTransform="rotate(-45 -797.946 264.843)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="-197.488"
x2="-184.502"
y1="1155.719"
y2="1098.485"
gradientTransform="rotate(-45 -797.946 264.843)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#9b62cd" />
<stop offset=".3" stop-color="#985dcb" />
<stop offset=".672" stop-color="#8f4ec7" />
<stop offset="1" stop-color="#833ac1" />
</linearGradient>
<linearGradient
id="e"
x1="-120.519"
x2="-120.519"
y1="908.465"
y2="1040.456"
gradientTransform="rotate(-45 -797.946 264.843)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff7044" />
<stop offset="1" stop-color="#f82814" />
</linearGradient>
<linearGradient
id="f"
x1="43.979"
x2="43.979"
y1="907.64"
y2="1040.857"
gradientTransform="rotate(-45 -797.946 264.843)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="-236.232"
x2="-236.232"
y1="944.573"
y2="1022.896"
gradientTransform="rotate(-45 -797.946 264.843)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#cdec7a" />
<stop offset=".34" stop-color="#c1ea76" />
<stop offset=".956" stop-color="#a1e66b" />
<stop offset="1" stop-color="#9ee66a" />
</linearGradient>
<linearGradient id="b">
<stop offset="0" stop-color="#18cefb" />
<stop offset="1" stop-color="#4a97f6" />
</linearGradient>
<linearGradient
id="h"
x1="87.559"
x2="87.559"
y1="-904.76"
y2="-812.941"
gradientTransform="rotate(45 -964.503 -20.371)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="i"
x1="202.561"
x2="202.561"
y1="-904.76"
y2="-812.941"
gradientTransform="rotate(45 -964.503 -20.371)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="j"
x1="-27.443"
x2="-27.443"
y1="-904.76"
y2="-812.941"
gradientTransform="rotate(45 -964.503 -20.371)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<path
fill="url(#c)"
d="m34.27 363.383 58.994 52.994 46.113 52.113-5.262 5.262c-29.024 29.024-76.082 29.024-105.107 0-29.024-29.024-29.024-76.082 0-105.107z"
/>
<path
fill="url(#d)"
d="M124.393 409.911c8.45-5.274 19.575-2.699 24.849 5.751l19.991 32.031c16.298 26.113 50.68 34.07 76.793 17.772l10.246-6.174c26.114-16.298 34.07-50.68 17.772-76.794l-19.991-32.03c-5.274-8.45-2.699-19.575 5.751-24.849 8.45-5.274 19.575-2.699 24.849 5.751l19.991 32.031c26.846 43.013 13.74 99.645-29.273 126.491l-10.246 6.174c-43.013 26.846-99.645 13.74-126.491-29.273l-19.991-32.03c-5.275-8.452-2.7-19.577 5.75-24.851z"
/>
<path
fill="url(#e)"
d="M170.847 114.832 67.555 302.809l-7.432 30.444-16.203 12.568-9.65 17.562L139.377 468.49l17.577-9.658 15.802-17.881 27.198-5.747 187.975-103.29a144.25 144.25 0 0 0 16.961-10.931c5.494-4.112-91.435-126.777-91.435-126.777S185.889 92.378 181.777 97.872a144.149 144.149 0 0 0-10.93 16.96z"
/>
<path
fill="url(#f)"
d="m209.9 67.67-14.642 14.642a144.123 144.123 0 0 0-13.479 15.563l223.106 223.106a144.123 144.123 0 0 0 15.563-13.479l14.642-14.642c8.083-8.083 8.083-21.189 0-29.273L239.173 67.67c-8.084-8.083-21.19-8.083-29.273 0z"
/>
<path
fill="url(#g)"
d="m156.936 458.841 43.019-23.638L67.558 302.805l-23.639 43.019z"
/>
<path
fill="url(#h)"
d="M442.892 59.868c-5.757-5.757-15.09-5.757-20.846 0l-38.218 38.218c-5.757 5.757-5.757 15.09 0 20.846 5.757 5.757 15.09 5.757 20.846 0l38.218-38.218c5.756-5.756 5.756-15.089 0-20.846z"
/>
<path
fill="url(#i)"
d="M502.76 204.403c0-8.141-6.6-14.741-14.741-14.741H433.97c-8.141 0-14.741 6.6-14.741 14.741s6.6 14.741 14.741 14.741h54.049c8.142 0 14.741-6.6 14.741-14.741z"
/>
<path
fill="url(#j)"
d="M313.098 14.741C313.098 6.6 306.498 0 298.357 0s-14.741 6.6-14.741 14.741V68.79c0 8.141 6.6 14.741 14.741 14.741s14.741-6.6 14.741-14.741z"
/>
</svg>
More icons in the same style and category