Add icons to this collection by clicking the heart icon.
Music Player icon - also known as technology, interface, player, application, multimedia, ui, video player, music player, and app. Created in a clean lineal color style with a white, silver, gray, black, and lime finish, 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0v-355.98c0-5.52-4.48-10-10-10h-477c-5.52 0-10 4.48-10 10V0c0 5.52 4.48 10 10 10h477C-4.48 10 0 5.52 0 0"
transform="translate(504.5 433.99)"
fill="#e8e6ed"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-355.98c0-5.52-4.48-10-10-10h-119.78C-19.14-270.21-21.6-47.53-24.21 10H-10C-4.48 10 0 5.52 0 0"
transform="translate(504.5 433.99)"
fill="#d1d0d8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-86.891c0-5.519-4.48-10-10-10h-477c-5.52 0-10 4.481-10 10V0Z"
transform="translate(504.5 164.9)"
fill="#1edb13"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-86.891c0-5.519-4.48-10-10-10h-162.17V0Z"
transform="translate(504.5 164.9)"
fill="#d1d0d8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-86.891c0-5.519-4.48-10-10-10h-119.78c29.17 25.25 50.48 59.34 66 96.891z"
transform="translate(504.5 164.9)"
fill="#bdbcc4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h497"
transform="translate(7.5 164.9)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-62.891c0-5.519-4.48-10-10-10h-477c-5.52 0-10 4.481-10 10V0Z"
transform="translate(504.5 140.9)"
fill="#898993"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-62.891c0-5.519-4.48-10-10-10h-119.78C-106.96-53.141-88.96-27.99-74.77 0z"
transform="translate(504.5 140.9)"
fill="#717177"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h497"
transform="translate(7.5 140.9)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-53.03h-497V0c0 5.52 4.48 10 10 10h477C-4.48 10 0 5.52 0 0"
transform="translate(504.5 433.99)"
fill="#898993"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-53.03h-23.83c.82 27.46.23 49.69-.38 63.03H-10C-4.48 10 0 5.52 0 0"
transform="translate(504.5 433.99)"
fill="#717177"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-493"
transform="translate(502.5 380.96)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v193.301c0 5.523-4.478 10-10 10h-294.171"
transform="translate(504.5 240.685)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h87.182c5.522 0 10 4.477 10 10v128.149"
transform="translate(407.318 68.014)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-148.307c-5.522 0-10-4.477-10-10v-355.973c0-5.523 4.478-10 10-10h355.296"
transform="translate(165.807 443.986)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 .113-.001"
transform="translate(47.433 412.474)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 .112-.001"
transform="translate(70.076 412.474)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 .112-.001"
transform="translate(92.72 412.474)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h13.956"
transform="translate(450.611 412.474)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 12.666 11.756L0 23.512"
transform="translate(249.667 92.7)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v22"
transform="translate(332.33 141.9)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 12.667 11.756L0 23.512"
transform="translate(317.833 92.7)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-17.5"
transform="translate(347.167 113.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-12.667 11.756L0 23.512"
transform="translate(194.167 92.7)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-17.5"
transform="translate(164.833 113.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h52.29"
transform="translate(50.59 104.75)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h11.5"
transform="translate(449.91 113.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h11.5"
transform="translate(449.91 96)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-34.37-27.863-62.233-62.234-62.233S-124.469-34.37-124.469 0c0 34.371 27.864 62.234 62.235 62.234C-27.863 62.234 0 34.371 0 0"
transform="translate(362.532 273.02)"
fill="#5f5f68"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-12.158-9.856-22.016-22.016-22.016-12.159 0-22.015 9.858-22.015 22.016 0 12.159 9.856 22.017 22.015 22.017C-9.856 22.017 0 12.159 0 0"
transform="translate(322.313 273.02)"
fill="#e8e6ed"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-12.158-9.856-22.016-22.016-22.016-12.159 0-22.015 9.858-22.015 22.016 0 12.159 9.856 22.017 22.015 22.017C-9.856 22.017 0 12.159 0 0Z"
transform="translate(322.313 273.02)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-34.37-27.863-62.233-62.234-62.233S-124.469-34.37-124.469 0c0 34.371 27.864 62.234 62.235 62.234C-27.863 62.234 0 34.371 0 0Z"
transform="translate(362.532 273.02)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-129c0-5.52-4.479-10-10-10h-129c-5.52 0-10 4.48-10 10V0c0 5.53 4.48 10 10 10h129C-4.479 10 0 5.53 0 0"
transform="translate(298.468 337.52)"
fill="#00cfff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-129c0-5.52-4.479-10-10-10h-78.74C-27.15-97.029-24.27-23.859-26.66 10H-10C-4.479 10 0 5.53 0 0"
transform="translate(298.468 337.52)"
fill="#00b8ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-129c-5.522 0-10 4.478-10 10v129c0 5.522 4.478 10 10 10H0c5.522 0 10-4.478 10-10V10C10 4.478 5.522 0 0 0Z"
transform="translate(288.468 198.523)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 4.938 4.939a17.562 17.562 0 0 1 5.145 12.419V47l38.218 16.167V27.881c0-4.658-1.851-9.125-5.145-12.419l-4.938-4.94"
transform="translate(194.167 241.87)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category