Add icons to this collection by clicking the heart icon.
Music Player icon - also known as technology, electronic, music player, speakers, electronics, device, cd player, and furniture and household. 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="100"
height="100"
viewBox="0 0 512 512"
>
<linearGradient
id="a"
x1="-43.805"
x2="-25.601"
y1="632.422"
y2="614.213"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13553.445)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M10.667 394.667H501.334c5.888 0 10.667-4.779 10.667-10.667V128c0-5.888-4.779-10.667-10.667-10.667H330.667c-5.888 0-10.667 4.779-10.667 10.667v53.333H192V128c0-5.888-4.779-10.667-10.667-10.667H10.667C4.779 117.333 0 122.112 0 128v256c0 5.888 4.779 10.667 10.667 10.667zm330.666-256h149.333v234.667H341.333V138.667zm-21.333 64v170.667H192V202.667h128zm-298.667-64h149.333v234.667H21.333V138.667z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-43.97"
x2="-40.436"
y1="623.085"
y2="619.551"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13553.445)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M96 245.333c-29.419 0-53.333 23.936-53.333 53.333S66.581 352 96 352s53.333-23.936 53.333-53.333S125.419 245.333 96 245.333zm0 85.334c-17.643 0-32-14.357-32-32s14.357-32 32-32 32 14.357 32 32c0 17.642-14.357 32-32 32z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-28.263"
x2="-26.143"
y1="627.378"
y2="625.258"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13553.445)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M416 224c17.643 0 32-14.357 32-32s-14.357-32-32-32-32 14.357-32 32 14.357 32 32 32zm0-42.667c5.867 0 10.667 4.779 10.667 10.667s-4.8 10.667-10.667 10.667-10.667-4.779-10.667-10.667 4.8-10.667 10.667-10.667z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="-43.263"
x2="-41.143"
y1="627.378"
y2="625.258"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13553.445)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M96 224c17.643 0 32-14.357 32-32s-14.357-32-32-32-32 14.357-32 32 14.357 32 32 32zm0-42.667c5.867 0 10.667 4.779 10.667 10.667s-4.8 10.667-10.667 10.667S85.333 197.888 85.333 192s4.8-10.667 10.667-10.667z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="-28.97"
x2="-25.436"
y1="623.085"
y2="619.551"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13553.445)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M416 352c29.419 0 53.333-23.936 53.333-53.333S445.419 245.333 416 245.333c-29.419 0-53.333 23.936-53.333 53.333S386.581 352 416 352zm0-85.333c17.643 0 32 14.357 32 32s-14.357 32-32 32-32-14.357-32-32 14.357-32 32-32z"
fill="url(#e)"
/>
<linearGradient
id="f"
x1="-35.805"
x2="-33.601"
y1="624.422"
y2="622.214"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13553.445)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M224 266.667h64c5.888 0 10.667-4.779 10.667-10.667s-4.779-10.667-10.667-10.667h-64c-5.888 0-10.667 4.779-10.667 10.667s4.779 10.667 10.667 10.667z"
fill="url(#f)"
/>
<linearGradient
id="g"
x1="-36.41"
x2="-34.996"
y1="621.525"
y2="620.111"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13553.445)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<circle cx="234.667" cy="309.333" r="21.333" fill="url(#g)" />
<linearGradient
id="h"
x1="-34.41"
x2="-32.996"
y1="621.525"
y2="620.111"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13553.445)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<circle cx="277.333" cy="309.333" r="21.333" fill="url(#h)" />
</svg>
More icons in the same style and category