Add icons to this collection by clicking the heart icon.
Music icon - also known as interface, music, website, browser, web page, www, and seo and web. Created in a clean flat 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="1.174"
x2="61.324"
y1="65.891"
y2="4.172"
gradientUnits="userSpaceOnUse"
>
<stop offset=".133" stop-color="#a617ff" />
<stop offset=".477" stop-color="#6359e3" />
<stop offset="1" stop-color="#5bcbfa" />
</linearGradient>
<linearGradient
id="b"
x1="8.62"
x2="68.77"
y1="73.147"
y2="11.428"
href="#a"
/>
<linearGradient
id="c"
x1=".388"
x2="60.538"
y1="65.124"
y2="3.405"
href="#a"
/>
<linearGradient
id="d"
x1=".794"
x2="60.944"
y1="65.52"
y2="3.801"
href="#a"
/>
<linearGradient
id="e"
x1="13.29"
x2="73.44"
y1="77.698"
y2="15.979"
href="#a"
/>
<linearGradient
id="f"
x1="-12.451"
x2="47.698"
y1="52.611"
y2="-9.108"
href="#a"
/>
<g>
<path
fill="url(#a)"
d="M42 18a6 6 0 1 0 6 6 6.006 6.006 0 0 0-6-6zm-1 9v-2h-4v-2h4v-2l6 3z"
/>
<ellipse cx="38" cy="43" fill="url(#b)" rx="3" ry="2" />
<ellipse cx="20" cy="45" fill="url(#c)" rx="3" ry="2" />
<path
fill="url(#d)"
d="M60 12H4v43h56zM11 53H6v-5h2v3h3zm0-33H6v-2h5zm0-4H6v-2h5zm32 15.931V43c0 2.206-2.243 4-5 4s-5-1.794-5-4 2.243-4 5-4a5.8 5.8 0 0 1 3 .82v-7.889a7.992 7.992 0 0 1-5.443-3.209L25 29.9V45c0 2.206-2.243 4-5 4s-5-1.794-5-4 2.243-4 5-4a5.8 5.8 0 0 1 3 .82V28h.947l10.578-1.175A8 8 0 1 1 43 31.931zM58 19h-2v-3h-3v-2h5z"
/>
<path fill="url(#e)" d="M4 57h56v3H4z" />
<path
fill="url(#f)"
d="M60 10V4H4v6zM18 6h2v2h-2zm-4 0h2v2h-2zm-4 0h2v2h-2zM6 6h2v2H6z"
/>
</g>
</svg>
More icons in the same style and category