Add icons to this collection by clicking the heart icon.
Sound Wave icon - also known as interface, music player, sound bars, levels, sound waves, sound wave, sound level, 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"
x1="32"
x2="32"
y1="1.495"
y2="65.12"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".014" stop-color="#fee72e" />
<stop offset=".042" stop-color="#fed51b" />
<stop offset=".07" stop-color="#fdca10" />
<stop offset=".1" stop-color="#fdc70c" />
<stop offset=".4" stop-color="#f3903f" />
<stop offset=".8" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<linearGradient id="b" x1="11" x2="11" y1="1.495" y2="65.12" href="#a" />
<linearGradient id="c" x1="19" x2="19" y1="1.495" y2="65.12" href="#a" />
<linearGradient id="d" x1="45" x2="45" y1="1.495" y2="65.12" href="#a" />
<linearGradient id="e" x1="53" x2="53" y1="1.495" y2="65.12" href="#a" />
<linearGradient id="f" x1="47" x2="47" y1="1.495" y2="65.12" href="#a" />
<g>
<g fill="url(#a)">
<path
d="M59 2H5a3 3 0 0 0-3 3v54a3 3 0 0 0 3 3h54a3 3 0 0 0 3-3V5a3 3 0 0 0-3-3zm1 57a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h54a1 1 0 0 1 1 1z"
/>
<path
d="M57 6H7a1 1 0 0 0-1 1v36a1 1 0 0 0 1 1h50a1 1 0 0 0 1-1V7a1 1 0 0 0-1-1zm-1 36H8V8h48z"
/>
<path
d="M18 32a4 4 0 0 0 8 0v-8h4v4a4 4 0 0 0 8 0v-4h16v-2H44v-8a4 4 0 0 0-8 0v8h-4v-4a4 4 0 0 0-8 0v4h-4v-8a4 4 0 0 0-8 0v8h-2v2h8zm20-18a2 2 0 0 1 4 0v8h-4zm-2 10v4a2 2 0 0 1-4 0v-4zm-10-6a2 2 0 0 1 4 0v4h-4zm-2 6v8a2 2 0 0 1-4 0v-8zm-10-2v-8a2 2 0 0 1 4 0v8z"
/>
</g>
<path
fill="url(#b)"
d="M13 49H9a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1zm-1 4h-2v-2h2z"
/>
<path
fill="url(#c)"
d="M21 49h-4a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1zm-1 4h-2v-2h2z"
/>
<path
fill="url(#d)"
d="M47 49h-4a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1zm-1 4h-2v-2h2z"
/>
<path
fill="url(#e)"
d="M55 49h-4a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1zm-1 4h-2v-2h2z"
/>
<path
fill="url(#a)"
d="M32 46a6 6 0 1 0 6 6 6.006 6.006 0 0 0-6-6zm0 10a4 4 0 1 1 4-4 4 4 0 0 1-4 4z"
/>
<path fill="url(#a)" d="M31 51h2v2h-2z" />
<path
fill="url(#f)"
d="m52.757 25.03-8 2A1 1 0 0 0 44 28v7.184A2.966 2.966 0 0 0 43 35a3 3 0 1 0 3 3v-5.219l6-1.5v1.9A2.966 2.966 0 0 0 51 33a3 3 0 1 0 3 3V26a1 1 0 0 0-1.243-.97zM43 39a1 1 0 1 1 1-1 1 1 0 0 1-1 1zm3-8.281v-1.938l6-1.5v1.938zM51 37a1 1 0 1 1 1-1 1 1 0 0 1-1 1z"
/>
</g>
</svg>
More icons in the same style and category