Add icons to this collection by clicking the heart icon.
Music Player icon - also known as smartphone, mobile phone, magnifier, search, magnifying glass, multimedia, music player, find, loupe, and music and multimedia. Created in a clean lineal color 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="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 0h-281.156c-5.523 0-10 4.477-10 10v477c0 5.523 4.477 10 10 10H0c5.523 0 10-4.477 10-10V10C10 4.477 5.523 0 0 0"
transform="translate(320.884 7.5)"
fill="#3f5958"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-176.667c0-5.52-4.479-10-10-10h36.971c5.519 0 10 4.48 10 10V0Z"
transform="translate(293.915 194.167)"
fill="#384848"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M330.884 137.335H29.728v56.832h301.156z"
fill="#698d97"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v94.265c0 5.523-4.478 10-10 10h-281.156c-5.523 0-10-4.477-10-10V0Z"
transform="translate(330.884 400.235)"
fill="#eef4f5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-243.5h36.971V0c0 5.52-4.481 10-10 10H-10C-4.479 10 0 5.52 0 0"
transform="translate(293.915 494.5)"
fill="#cbe5e7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M330.884 364.665H29.728v56.832h301.156z"
fill="#698d97"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M330.886 364.66h-36.971v56.84h36.971z"
fill="#557983"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h301.156"
transform="translate(29.727 421.497)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M330.884 251H29.728v56.832h301.156z"
fill="#698d97"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M330.886 251h-36.971v56.83h36.971zM330.886 137.34h-36.971v56.83h36.971z"
fill="#557983"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M330.884 62.503H29.728v74.833h301.156z"
fill="#23f1a8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M330.884 307.832H29.728v56.833h301.156z"
fill="#90bac4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M330.886 307.83h-36.971v56.83h36.971z"
fill="#7da2b0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M330.884 307.832H29.728v56.833h301.156z"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M330.884 194.167H29.728V251h301.156z"
fill="#90bac4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M330.886 194.17h-36.971V251h36.971z"
fill="#7da2b0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M330.884 194.167H29.728V251h301.156z"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M330.886 62.5h-36.971v74.84h36.971z"
fill="#27e19e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-67.238v-74.833h301.156V0H37.026"
transform="translate(96.966 137.335)"
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-427.765c0-5.523 4.478-10 10-10h281.156c5.523 0 10 4.477 10 10v477c0 5.523-4.477 10-10 10H10c-5.522 0-10-4.477-10-10V37.027"
transform="translate(29.727 445.265)"
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 10.686 10.685L0 21.371"
transform="translate(174.963 89.234)"
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-12.619"
transform="translate(236.6 106.228)"
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-12.619"
transform="translate(256.413 106.228)"
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-12.619"
transform="translate(104.198 106.228)"
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-12.619"
transform="translate(124.01 106.228)"
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-24.77-24.77-37.48 37.48 24.77 24.77z"
transform="translate(386.906 157.864)"
fill="#557983"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a51.377 51.377 0 0 0-10.223-14.544c-4.298-4.287-9.192-7.729-14.52-10.247L-46.911-2.624l24.767 24.768z"
transform="translate(371.568 173.195)"
fill="#3f5958"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-37.478 37.477-24.767-24.768 37.477-37.477Z"
transform="translate(386.903 157.865)"
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 0c-12.162-12.162-31.88-12.162-44.041 0l-71.568 71.568c-4.02 4.02-4.02 10.537 0 14.557l29.484 29.484c4.02 4.02 10.537 4.02 14.557 0L0 44.041C12.161 31.879 12.161 12.162 0 0"
transform="translate(473.151 46.85)"
fill="#fcc16d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a31.031 31.031 0 0 0-14.604-8.232c2.506 10.223-.245 21.464-8.22 29.451l-71.573 71.562c-4.017 4.016-10.54 4.016-14.556 0l22.823 22.823c4.017 4.017 10.539 4.017 14.556 0L0 44.042C12.155 31.875 12.155 12.155 0 0"
transform="translate(473.156 46.852)"
fill="#fca62f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v0c-12.162-12.162-31.88-12.162-44.041 0l-71.568 71.568c-4.02 4.02-4.02 10.537 0 14.557l29.484 29.484c4.02 4.02 10.537 4.02 14.557 0L0 44.041C12.161 31.879 12.161 12.162 0 0Z"
transform="translate(473.151 46.85)"
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 0c-11.116-11.116-29.138-11.116-40.254 0l-20.127 20.126 40.254 40.254L0 40.253C11.115 29.138 11.115 11.116 0 0"
transform="translate(344.783 175.217)"
fill="#fcc16d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a153.84 153.84 0 0 0-38.797-38.796 28.02 28.02 0 0 0-6.1 4.637l-20.13 20.118 40.259 40.261 20.13-20.131A28.167 28.167 0 0 0 0 0"
transform="translate(349.425 209.38)"
fill="#fca62f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v0c-11.116-11.116-29.138-11.116-40.254 0l-20.127 20.126 40.254 40.254L0 40.253C11.115 29.138 11.115 11.116 0 0Z"
transform="translate(344.783 175.217)"
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 0c.001-71.435-57.909-129.345-129.345-129.345-71.435 0-129.344 57.909-129.345 129.345 0 71.435 57.91 129.345 129.345 129.345C-57.909 129.345 0 71.436 0 0"
transform="translate(353.139 296.206)"
fill="#a9d3d8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-71.433-57.907-129.34-129.341-129.34-7.224 0-14.321.597-21.219 1.733C-89.221-117.478-42.438-64.208-42.438 0c0 64.22-46.783 117.49-108.122 127.619a130.591 130.591 0 0 0 21.219 1.734C-57.907 129.353 0 71.445 0 0"
transform="translate(353.137 296.2)"
fill="#90bac4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c.001-71.435-57.909-129.345-129.345-129.345-71.435 0-129.344 57.909-129.345 129.345 0 71.435 57.91 129.345 129.345 129.345C-57.909 129.345 0 71.436 0 0Z"
transform="translate(353.139 296.206)"
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-50.385-40.845-91.231-91.23-91.231-50.386 0-91.232 40.845-91.232 91.231 0 50.385 40.846 91.231 91.231 91.231S0 50.386 0 0"
transform="translate(314.252 296.206)"
fill="#698d97"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-50.377-40.846-91.224-91.224-91.224a91.65 91.65 0 0 0-19.521 2.097C-69.747-80.192-39.043-43.679-39.043 0c0 43.691-30.704 80.204-71.702 89.139a91.65 91.65 0 0 0 19.521 2.096C-40.846 91.235 0 50.39 0 0"
transform="translate(314.247 296.2)"
fill="#557983"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-14.701 10.138-32.52 16.08-51.728 16.08-50.385 0-91.231-40.846-91.231-91.231 0-50.386 40.846-91.231 91.231-91.231s91.231 40.845 91.231 91.231c0 17.781-5.093 34.372-13.891 48.401"
transform="translate(274.749 371.357)"
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 0h136.981"
transform="translate(138.223 329.385)"
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 0h136.981"
transform="translate(138.223 262.176)"
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-7.95"
transform="translate(164.259 300.024)"
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-7.95"
transform="translate(188.42 300.024)"
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-7.95"
transform="translate(255.997 300.024)"
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-7.95"
transform="translate(280.158 300.024)"
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.104"
transform="translate(65.09 465.228)"
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.104"
transform="translate(91.186 465.228)"
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.104"
transform="translate(117.283 465.228)"
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-130.314c-6.848 0-12.4 5.551-12.4 12.399 0 6.848 5.552 12.4 12.4 12.4H0c6.849 0 12.399-5.552 12.399-12.4C12.399 5.551 6.849 0 0 0"
transform="translate(287.402 452.368)"
fill="#23f1a8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-130.314c-6.848 0-12.4 5.551-12.4 12.399 0 6.848 5.552 12.4 12.4 12.4H0c6.849 0 12.399-5.552 12.399-12.4C12.399 5.551 6.849 0 0 0Z"
transform="translate(287.402 452.368)"
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