Add icons to this collection by clicking the heart icon.
Speaker icon - also known as sound, audio, music, speaker, party, celebration, multimedia, music and multimedia, and hifi. 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="#8a7889" />
<stop offset="1" stop-color="#6e566e" />
</linearGradient>
<linearGradient
id="f"
x1="155.43"
x2="155.43"
y1="510"
y2="499.962"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="354.57"
x2="354.57"
y1="510"
y2="499.962"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="52.565"
x2="438.852"
y1="143.64"
y2="344.118"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#8a7889" stop-opacity="0" />
<stop offset="1" stop-color="#9d8b91" />
</linearGradient>
<linearGradient
id="i"
x1="272.878"
x2="40.571"
y1="272.867"
y2="-106.16"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#8a7889" />
<stop offset=".473" stop-color="#887687" />
<stop offset=".713" stop-color="#826e81" />
<stop offset=".9" stop-color="#776177" />
<stop offset="1" stop-color="#6e566e" />
</linearGradient>
<radialGradient
id="j"
cx="275.803"
cy="344.616"
r="165.507"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient id="d">
<stop offset="0" stop-color="#6e566e" stop-opacity="0" />
<stop offset=".294" stop-color="#674d66" stop-opacity=".294" />
<stop offset="1" stop-color="#593b56" />
</linearGradient>
<linearGradient
id="k"
x1="360.965"
x2="257.698"
y1="431.453"
y2="328.186"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<radialGradient
id="l"
cx="226.415"
cy="290.457"
r="127.876"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="m"
x1="153.051"
x2="349.223"
y1="269.075"
y2="377.627"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="n"
x1="181.922"
x2="322.54"
y1="285.051"
y2="362.862"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="o"
x1="193.654"
x2="363.053"
y1="277.187"
y2="410.565"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="p"
x1="243.966"
x2="275.385"
y1="296.294"
y2="379.423"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="q"
x1="251.003"
x2="153.542"
y1="321.604"
y2="226.888"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="r"
x1="257.101"
x2="352.509"
y1="326.747"
y2="358.387"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient id="e">
<stop offset="0" stop-color="#bdc2d1" />
<stop offset=".237" stop-color="#b5b6c5" />
<stop offset=".665" stop-color="#9e96a6" />
<stop offset="1" stop-color="#8a7889" />
</linearGradient>
<linearGradient
id="s"
x1="336.141"
x2="181.848"
y1="406.629"
y2="252.336"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="t"
x1="311.873"
x2="248.357"
y1="382.361"
y2="318.845"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<radialGradient
id="u"
cx="233.881"
cy="297.701"
r="73.581"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="v"
x1="203.187"
x2="302.057"
y1="387.339"
y2="438.651"
gradientTransform="rotate(180 255 255)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="w"
x1="302.453"
x2="249.457"
y1="143.224"
y2="90.228"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<radialGradient
id="x"
cx="237.379"
cy="72.585"
r="61.394"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="y"
x1="182.334"
x2="167.5"
y1="252.822"
y2="237.988"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="z"
x1="158.02"
x2="175.994"
y1="228.509"
y2="246.482"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="A"
x1="174.137"
x2="158.544"
y1="244.626"
y2="229.032"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="B"
x1="363.14"
x2="348.306"
y1="252.822"
y2="237.988"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="C"
x1="338.827"
x2="356.8"
y1="228.509"
y2="246.482"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="D"
x1="354.944"
x2="339.351"
y1="244.626"
y2="229.032"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="E"
x1="182.334"
x2="167.5"
y1="431.22"
y2="416.386"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="F"
x1="158.02"
x2="175.994"
y1="406.907"
y2="424.88"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="G"
x1="174.137"
x2="158.544"
y1="423.024"
y2="407.431"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="H"
x1="363.14"
x2="348.306"
y1="431.22"
y2="416.386"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="I"
x1="338.827"
x2="356.8"
y1="406.907"
y2="424.88"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="J"
x1="354.944"
x2="339.351"
y1="423.024"
y2="407.431"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="K"
x1="260.444"
x2="471.632"
y1="256.234"
y2="548.562"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<path
fill="url(#f)"
d="M162.206 510h-13.553c-6.383 0-11.557-5.174-11.557-11.557V487.77h36.667v10.673c0 6.383-5.174 11.557-11.557 11.557z"
/>
<path
fill="url(#g)"
d="M361.346 510h-13.553c-6.383 0-11.557-5.174-11.557-11.557V487.77h36.667v10.673c.001 6.383-5.174 11.557-11.557 11.557z"
/>
<path
fill="url(#h)"
d="M391.716 497.402H118.284c-19.439 0-35.197-15.758-35.197-35.197V35.197C83.087 15.758 98.845 0 118.284 0h273.433c19.439 0 35.197 15.758 35.197 35.197v427.008c-.001 19.439-15.759 35.197-35.198 35.197z"
/>
<path
fill="url(#i)"
d="M134.127 15.843c-19.439 0-35.197 15.758-35.197 35.197v427.008c0 5.632 1.33 10.951 3.682 15.672a35.036 35.036 0 0 0 15.672 3.682h273.433c19.439 0 35.197-15.758 35.197-35.197V35.197c0-5.632-1.33-10.951-3.682-15.672a35.04 35.04 0 0 0-15.672-3.682z"
/>
<path
fill="url(#j)"
d="M387.832 325.488c0-21.116-4.935-41.077-13.703-58.804a45.33 45.33 0 0 0 4.126-18.932c0-25.139-20.379-45.519-45.519-45.519a45.326 45.326 0 0 0-18.932 4.126c-17.728-8.768-37.688-13.703-58.804-13.703s-41.077 4.935-58.804 13.703a45.33 45.33 0 0 0-18.932-4.126c-25.139 0-45.519 20.379-45.519 45.519a45.326 45.326 0 0 0 4.126 18.932c-8.767 17.728-13.703 37.688-13.703 58.804s4.935 41.077 13.703 58.804a45.33 45.33 0 0 0-4.126 18.932c0 25.139 20.379 45.519 45.519 45.519a45.326 45.326 0 0 0 18.932-4.126c17.727 8.767 37.688 13.703 58.804 13.703s41.077-4.935 58.804-13.703a45.33 45.33 0 0 0 18.932 4.126c25.139 0 45.519-20.379 45.519-45.519a45.326 45.326 0 0 0-4.126-18.932c8.767-17.727 13.703-37.688 13.703-58.804z"
/>
<path
fill="url(#k)"
d="M352.362 277.679a103.38 103.38 0 0 0-7.038-7.038l-14.076-14.076c-19.31-21.266-47.41-34.405-78.563-33.677-54.546 1.274-99.011 45.738-100.285 100.284-.728 31.153 12.411 59.254 33.677 78.565l95.666 95.666h109.975c19.439 0 35.197-15.758 35.197-35.197V352.23z"
/>
<circle cx="255" cy="325.488" r="102.63" fill="url(#l)" />
<ellipse cx="255" cy="325.488" fill="url(#m)" rx="65.228" ry="102.63" />
<ellipse cx="255" cy="325.488" fill="url(#n)" rx="24.826" ry="102.63" />
<ellipse cx="255" cy="325.488" fill="url(#o)" rx="102.63" ry="65.228" />
<ellipse cx="255" cy="325.488" fill="url(#p)" rx="102.63" ry="24.826" />
<circle cx="255" cy="325.488" r="91.61" fill="url(#q)" />
<path
fill="url(#r)"
d="M300.91 233.682c6.922 13.815 10.824 29.405 10.824 45.91 0 56.681-45.949 102.63-102.63 102.63-16.504 0-32.095-3.902-45.91-10.824 16.851 33.631 51.629 56.72 91.806 56.72 56.681 0 102.63-45.949 102.63-102.63 0-40.177-23.09-74.955-56.72-91.806z"
/>
<circle cx="255" cy="325.488" r="78.177" fill="url(#s)" />
<path
fill="url(#t)"
d="m304.09 295.554-7.662-7.662c-10.234-11.271-25.005-18.348-41.428-18.348-30.897 0-55.945 25.047-55.945 55.945 0 16.423 7.077 31.194 18.348 41.428l36.727 36.727c.291.003.578.022.87.022 43.176 0 78.177-35.001 78.177-78.177 0-.292-.019-.579-.022-.87l-25.233-25.233a56.083 56.083 0 0 0-3.832-3.832z"
/>
<circle cx="255" cy="325.488" r="55.945" fill="url(#u)" />
<circle cx="255" cy="95.771" r="65.228" fill="url(#v)" />
<path
fill="url(#w)"
d="m295.96 70.794-6.393-6.393c-8.539-9.404-20.863-15.309-34.566-15.309-25.78 0-46.679 20.899-46.679 46.679 0 13.703 5.905 26.027 15.309 34.566l30.644 30.644c.243.003.483.018.726.018 36.025 0 65.228-29.204 65.228-65.228 0-.244-.016-.483-.018-.726l-21.054-21.054a47.264 47.264 0 0 0-3.197-3.197z"
/>
<circle cx="255" cy="95.771" r="46.679" fill="url(#x)" />
<path
fill="url(#y)"
d="M181.098 230.733c-.321-.353-.658-.69-1.011-1.011l-2.022-2.022a14.727 14.727 0 0 0-11.285-4.838c-7.835.183-14.222 6.57-14.406 14.405a14.722 14.722 0 0 0 4.838 11.285l13.742 13.742h15.797a5.056 5.056 0 0 0 5.056-5.056v-15.797z"
/>
<circle cx="167.112" cy="237.601" r="14.742" fill="url(#z)" />
<path
fill="url(#A)"
d="M174.321 234.126h-1.23a2.503 2.503 0 0 1-2.503-2.503v-1.23a2.503 2.503 0 0 0-2.503-2.503h-1.944a2.503 2.503 0 0 0-2.503 2.503v1.23a2.503 2.503 0 0 1-2.503 2.503h-1.23a2.503 2.503 0 0 0-2.503 2.503v1.944a2.503 2.503 0 0 0 2.503 2.503h1.23a2.503 2.503 0 0 1 2.503 2.503v1.23a2.503 2.503 0 0 0 2.503 2.503h1.944a2.503 2.503 0 0 0 2.503-2.503v-1.23a2.503 2.503 0 0 1 2.503-2.503h1.23a2.503 2.503 0 0 0 2.503-2.503v-1.944a2.503 2.503 0 0 0-2.503-2.503z"
/>
<path
fill="url(#B)"
d="M361.904 230.733c-.321-.353-.658-.69-1.011-1.011l-2.022-2.022a14.727 14.727 0 0 0-11.285-4.838c-7.835.183-14.222 6.57-14.405 14.405a14.722 14.722 0 0 0 4.838 11.285l13.742 13.742h15.797a5.056 5.056 0 0 0 5.056-5.056v-15.797z"
/>
<circle cx="347.919" cy="237.601" r="14.742" fill="url(#C)" />
<path
fill="url(#D)"
d="M355.127 234.126h-1.23a2.503 2.503 0 0 1-2.503-2.503v-1.23a2.503 2.503 0 0 0-2.503-2.503h-1.944a2.503 2.503 0 0 0-2.503 2.503v1.23a2.503 2.503 0 0 1-2.503 2.503h-1.23a2.503 2.503 0 0 0-2.503 2.503v1.944a2.503 2.503 0 0 0 2.503 2.503h1.23a2.503 2.503 0 0 1 2.503 2.503v1.23a2.503 2.503 0 0 0 2.503 2.503h1.944a2.503 2.503 0 0 0 2.503-2.503v-1.23a2.503 2.503 0 0 1 2.503-2.503h1.23a2.503 2.503 0 0 0 2.503-2.503v-1.944a2.503 2.503 0 0 0-2.503-2.503z"
/>
<path
fill="url(#E)"
d="M181.098 409.131c-.321-.353-.658-.69-1.011-1.011l-2.022-2.022a14.727 14.727 0 0 0-11.285-4.838c-7.835.183-14.222 6.57-14.406 14.405a14.722 14.722 0 0 0 4.838 11.285l13.742 13.742h15.797a5.056 5.056 0 0 0 5.056-5.056V419.84z"
/>
<circle cx="167.112" cy="415.999" r="14.742" fill="url(#F)" />
<path
fill="url(#G)"
d="M174.321 412.524h-1.23a2.503 2.503 0 0 1-2.503-2.503v-1.23a2.503 2.503 0 0 0-2.503-2.503h-1.944a2.503 2.503 0 0 0-2.503 2.503v1.23a2.503 2.503 0 0 1-2.503 2.503h-1.23a2.503 2.503 0 0 0-2.503 2.503v1.944a2.503 2.503 0 0 0 2.503 2.503h1.23a2.503 2.503 0 0 1 2.503 2.503v1.23a2.503 2.503 0 0 0 2.503 2.503h1.944a2.503 2.503 0 0 0 2.503-2.503v-1.23a2.503 2.503 0 0 1 2.503-2.503h1.23a2.503 2.503 0 0 0 2.503-2.503v-1.944a2.503 2.503 0 0 0-2.503-2.503z"
/>
<path
fill="url(#H)"
d="M361.904 409.131c-.321-.353-.658-.69-1.011-1.011l-2.022-2.022a14.727 14.727 0 0 0-11.285-4.838c-7.835.183-14.222 6.57-14.405 14.405a14.722 14.722 0 0 0 4.838 11.285l13.742 13.742h15.797a5.056 5.056 0 0 0 5.056-5.056V419.84z"
/>
<circle cx="347.919" cy="415.999" r="14.742" fill="url(#I)" />
<path
fill="url(#J)"
d="M355.127 412.524h-1.23a2.503 2.503 0 0 1-2.503-2.503v-1.23a2.503 2.503 0 0 0-2.503-2.503h-1.944a2.503 2.503 0 0 0-2.503 2.503v1.23a2.503 2.503 0 0 1-2.503 2.503h-1.23a2.503 2.503 0 0 0-2.503 2.503v1.944a2.503 2.503 0 0 0 2.503 2.503h1.23a2.503 2.503 0 0 1 2.503 2.503v1.23a2.503 2.503 0 0 0 2.503 2.503h1.944a2.503 2.503 0 0 0 2.503-2.503v-1.23a2.503 2.503 0 0 1 2.503-2.503h1.23a2.503 2.503 0 0 0 2.503-2.503v-1.944a2.503 2.503 0 0 0-2.503-2.503z"
/>
<path
fill="url(#K)"
d="M399.291.826c.535 2.441.826 4.973.826 7.574v427.008c0 19.439-15.758 35.197-35.197 35.197H91.487c-2.601 0-5.134-.291-7.574-.826 3.466 15.797 17.534 27.623 34.371 27.623h273.433c19.439 0 35.197-15.758 35.197-35.197V35.197C426.913 18.36 415.087 4.292 399.291.826z"
/>
</svg>
More icons in the same style and category