Add icons to this collection by clicking the heart icon.
Music icon - also known as play, music, web, laptop, video, movie, multimedia, video player, and music and multimedia. Created in a clean lineal 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="5"
x2="69.281"
y1="62"
y2="-2.281"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#003f8a" />
<stop offset=".518" stop-color="#00d7df" />
<stop offset="1" stop-color="#006df0" />
</linearGradient>
<linearGradient id="b" x1="2" x2="66.281" y1="59" y2="-5.281" href="#a" />
<linearGradient
id="c"
x1="-1.5"
x2="62.781"
y1="55.5"
y2="-8.781"
href="#a"
/>
<linearGradient
id="d"
x1="1.75"
x2="66.031"
y1="58.75"
y2="-5.531"
href="#a"
/>
<linearGradient
id="e"
x1="-2.077"
x2="62.204"
y1="54.923"
y2="-9.357"
href="#a"
/>
<linearGradient id="f" x1="4" x2="68.281" y1="61" y2="-3.281" href="#a" />
<linearGradient
id="g"
x1="2.75"
x2="67.031"
y1="59.75"
y2="-4.531"
href="#a"
/>
<linearGradient id="h" x1="7.5" x2="71.781" y1="64.5" y2=".219" href="#a" />
<linearGradient
id="i"
x1="12.25"
x2="76.531"
y1="69.25"
y2="4.969"
href="#a"
/>
<linearGradient id="j" x1="8" x2="72.281" y1="65" y2=".719" href="#a" />
<g>
<path
fill="url(#a)"
d="M62 42h-5V17a3 3 0 0 0-3-3H10a3 3 0 0 0-3 3v25H2a1 1 0 0 0-1 1v4a3 3 0 0 0 3 3h56a3 3 0 0 0 3-3v-4a1 1 0 0 0-1-1zM9 17a1 1 0 0 1 1-1h44a1 1 0 0 1 1 1v25H9zm26.612 27-.333 1h-6.558l-.333-1zM61 47a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1v-3h23.28l.772 2.316A1 1 0 0 0 28 47h8a1 1 0 0 0 .948-.684L37.72 44H61z"
/>
<path
fill="url(#b)"
d="M54 40V18a1 1 0 0 0-1-1H11a1 1 0 0 0-1 1v22a1 1 0 0 0 1 1h42a1 1 0 0 0 1-1zm-2-1H12V19h40z"
/>
<path fill="url(#c)" d="M11 45H5a1 1 0 0 0 0 2h6a1 1 0 0 0 0-2z" />
<path fill="url(#d)" d="M15 45h-1a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2z" />
<path
fill="url(#e)"
d="M17.5 38a3.283 3.283 0 0 0 3.5-3v-8.2l7-1.555V30.3a3.943 3.943 0 0 0-1.5-.3 3.283 3.283 0 0 0-3.5 3 3.283 3.283 0 0 0 3.5 3 3.283 3.283 0 0 0 3.5-3V21a1 1 0 0 0-1.217-.976l-9 2A1 1 0 0 0 19 23v9.3a3.943 3.943 0 0 0-1.5-.3 3.283 3.283 0 0 0-3.5 3 3.283 3.283 0 0 0 3.5 3zm9-4c-.8 0-1.5-.467-1.5-1s.7-1 1.5-1 1.5.467 1.5 1-.7 1-1.5 1zM28 22.247v.953l-7 1.556V23.8zM17.5 34c.8 0 1.5.467 1.5 1s-.7 1-1.5 1-1.5-.467-1.5-1 .7-1 1.5-1z"
/>
<path
fill="url(#f)"
d="M33 27h16a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1H33a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1zm1-4h14v2H34z"
/>
<path fill="url(#g)" d="M33 30h1a1 1 0 0 0 0-2h-1a1 1 0 0 0 0 2z" />
<path fill="url(#h)" d="M49 28H37a1 1 0 0 0 0 2h12a1 1 0 0 0 0-2z" />
<path fill="url(#i)" d="M47 34h-1a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2z" />
<g fill="url(#j)">
<path
d="M33 36h10a1 1 0 0 0 0-2H33a1 1 0 0 0 0 2zM33 33h16a1 1 0 0 0 0-2H33a1 1 0 0 0 0 2z"
/>
</g>
</g>
</svg>
More icons in the same style and category