Add icons to this collection by clicking the heart icon.
Speaker icon - also known as speaker, sound box, music speaker, audio speaker, audio device, 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="512"
height="512"
viewBox="0 0 64 64"
>
<linearGradient id="a">
<stop offset="0" stop-color="#9fcf4d" />
<stop offset="1" stop-color="#20adc7" />
</linearGradient>
<linearGradient
id="b"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="scale(-59.734) rotate(-45 -27.917 1.499)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="scale(59.734 -59.734) rotate(45 28.417 .292)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="rotate(135 211.56 1091.981) scale(126.7)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="scale(126.7 -126.7) rotate(45 21.306 2.824)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="138"
x2="202"
y1="28"
y2="28"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(94.118 0 0 -49.231 257.941 686.923)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(51.2 0 0 -51.2 8.2 983.8)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(51.2 0 0 -51.2 8.2 949)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(51.2 0 0 -51.2 28.6 983.8)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="k"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(51.2 0 0 -51.2 28.6 949)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="l"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(59.077 0 0 -59.077 140.462 1496.69)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="m"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="scale(76.8 -76.8) rotate(60 20.642 2.397)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="n"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(256 0 0 -256 42 3869)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="o"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(56 0 0 -56 141.25 1459.88)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="p"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(168 0 0 -168 85.25 2767.13)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<g fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2">
<path
fill="url(#b)"
d="M33 645.933A6.07 6.07 0 0 1 39.067 652a.933.933 0 0 0 1.866 0A7.936 7.936 0 0 0 33 644.067a.933.933 0 0 0 0 1.866z"
transform="rotate(-135 -111.659 374.569) scale(1.072)"
/>
<path
fill="url(#c)"
d="M33 644.067A7.936 7.936 0 0 1 40.933 652a.933.933 0 0 1-1.866 0A6.07 6.07 0 0 0 33 645.933a.933.933 0 0 1 0-1.866z"
transform="matrix(.758 -.758 -.758 -.758 519.463 560.47)"
/>
<path
fill="url(#d)"
d="M33 646.98a5.022 5.022 0 0 1 5.02 5.02 1.98 1.98 0 0 0 3.96 0c0-4.956-4.024-8.98-8.98-8.98a1.98 1.98 0 0 0 0 3.96z"
transform="rotate(-134.99 -44.54 186.08) scale(.505)"
/>
<path
fill="url(#e)"
d="M33 643.02c4.956 0 8.98 4.024 8.98 8.98a1.98 1.98 0 0 1-3.96 0 5.022 5.022 0 0 0-5.02-5.02 1.98 1.98 0 0 1 0-3.96z"
transform="scale(.505 -.505) rotate(45 953.083 365.923)"
/>
<circle
cx="160"
cy="817"
r="1"
fill="url(#f)"
transform="translate(-138 -759)"
/>
<path
fill="url(#g)"
d="M285.882 80.769h-2.941c-.39 0-.764.081-1.04.226-.275.144-.43.339-.43.543v36.924c0 .204.155.399.43.543.276.145.65.226 1.04.226h36.765c.812 0 1.47.344 1.47.769s-.658.769-1.47.769h-36.765c-1.17 0-2.292-.243-3.119-.676-.828-.432-1.293-1.019-1.293-1.631V81.538c0-.612.465-1.199 1.293-1.631.827-.433 1.949-.676 3.119-.676h2.941c.812 0 1.471.344 1.471.769s-.659.769-1.471.769zM324.118 119.231h2.941c.39 0 .764-.081 1.04-.226.275-.144.43-.339.43-.543V81.538c0-.204-.155-.399-.43-.543-.276-.145-.65-.226-1.04-.226h-32.353c-.812 0-1.471-.344-1.471-.769s.659-.769 1.471-.769h32.353c1.17 0 2.292.243 3.119.676.828.432 1.293 1.019 1.293 1.631v36.924c0 .612-.465 1.199-1.293 1.631-.827.433-1.949.676-3.119.676h-2.941c-.812 0-1.471-.344-1.471-.769s.659-.769 1.471-.769z"
transform="matrix(.68 0 0 -1.3 -175.4 162)"
/>
<circle
cx="44"
cy="356"
r="1"
fill="url(#h)"
transform="matrix(1.25 0 0 -1.25 -10.25 498.75)"
/>
<circle
cx="44"
cy="356"
r="1"
fill="url(#i)"
transform="matrix(1.25 0 0 -1.25 -10.25 455.25)"
/>
<circle
cx="44"
cy="356"
r="1"
fill="url(#j)"
transform="matrix(1.25 0 0 -1.25 -35.75 498.75)"
/>
<circle
cx="44"
cy="356"
r="1"
fill="url(#k)"
transform="matrix(1.25 0 0 -1.25 -35.75 455.25)"
/>
<path
fill="url(#l)"
d="M170 772.077c7.132 0 12.923 5.791 12.923 12.923s-5.791 12.923-12.923 12.923-12.923-5.791-12.923-12.923 5.791-12.923 12.923-12.923zm0 1.846c-6.114 0-11.077 4.963-11.077 11.077s4.963 11.077 11.077 11.077 11.077-4.963 11.077-11.077-4.963-11.077-11.077-11.077z"
transform="matrix(1.083 0 0 -1.083 -152.167 890.42)"
/>
<path
fill="url(#m)"
d="M170 771.8c7.285 0 13.2 5.915 13.2 13.2s-5.915 13.2-13.2 13.2-13.2-5.915-13.2-13.2c0-5.815 3.768-10.756 8.994-12.514a1.2 1.2 0 0 1 .765 2.274c-4.276 1.439-7.359 5.482-7.359 10.24 0 5.961 4.839 10.8 10.8 10.8s10.8-4.839 10.8-10.8-4.839-10.8-10.8-10.8a1.201 1.201 0 0 1 0-2.4z"
transform="scale(.834 -.834) rotate(60 825.26 254.499)"
/>
<path
fill="url(#n)"
d="M170 769c8.831 0 16 7.169 16 16s-7.169 16-16 16-16-7.169-16-16 7.169-16 16-16zm0 8c-4.415 0-8 3.585-8 8s3.585 8 8 8 8-3.585 8-8-3.585-8-8-8z"
transform="matrix(.25 0 0 -.25 -10.5 236.25)"
/>
<path
fill="url(#o)"
d="M169.25 800.125c3.38 0 6.125 2.745 6.125 6.125s-2.745 6.125-6.125 6.125-6.125-2.745-6.125-6.125 2.745-6.125 6.125-6.125zm0 1.75c-2.415 0-4.375 1.96-4.375 4.375s1.96 4.375 4.375 4.375 4.375-1.96 4.375-4.375-1.96-4.375-4.375-4.375z"
transform="matrix(1.143 0 0 -1.143 -161.429 937.43)"
/>
<path
fill="url(#p)"
d="M169.25 798.375c4.346 0 7.875 3.529 7.875 7.875s-3.529 7.875-7.875 7.875-7.875-3.529-7.875-7.875 3.529-7.875 7.875-7.875zm0 5.25a2.626 2.626 0 0 0 0 5.25 2.626 2.626 0 0 0 0-5.25z"
transform="matrix(.381 0 0 -.381 -32.476 323.14)"
/>
</g>
</svg>
More icons in the same style and category