Add icons to this collection by clicking the heart icon.
Music icon - also known as music, phone, song, mobile, media, listen, earphone, and music and multimedia. Created in a clean lineal color style with a white, gray, black, red, teal, and purple 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="512"
height="512"
viewBox="0 0 60 60"
>
<g fill="none" fill-rule="nonzero">
<path
fill="#00bcd4"
d="M31 5v39a4 4 0 0 1-4 4H5a4 4 0 0 1-4-4V5a4 4 0 0 1 4-4h3l2.4 3.2c.379.502.971.798 1.6.8h8a2.013 2.013 0 0 0 1.6-.8L24 1h3a4 4 0 0 1 4 4z"
/>
<path
fill="#00838f"
d="M27 1h-3a4 4 0 0 1 4 4v39a4 4 0 0 1-4 4h3a4 4 0 0 0 4-4V5a4 4 0 0 0-4-4z"
/>
<path
fill="#9e9e9e"
d="m24 1-2.4 3.2A2.013 2.013 0 0 1 20 5h-8a2.013 2.013 0 0 1-1.6-.8L8 1z"
/>
<path
fill="#707070"
d="m21 1-2.4 3.2A2.013 2.013 0 0 1 17 5h3a2.013 2.013 0 0 0 1.6-.8L24 1z"
/>
<path
fill="#9e9e9e"
d="M31 44v5a4 4 0 0 1-4 4H5a4 4 0 0 1-4-4v-5a4 4 0 0 0 4 4h22a4 4 0 0 0 4-4z"
/>
<path
fill="#707070"
d="M28 47.859V49a4 4 0 0 1-4 4h3a4 4 0 0 0 4-4v-5a3.99 3.99 0 0 1-3 3.859z"
/>
<rect width="22" height="22" x="5" y="10" fill="#e91e63" rx="2" />
<path
fill="#ad1457"
d="M25 10h-3a2 2 0 0 1 2 2v18a2 2 0 0 1-2 2h3a2 2 0 0 0 2-2V12a2 2 0 0 0-2-2z"
/>
<g fill="#f5f5f5">
<path
d="M5 36.959v4.082a.962.962 0 0 0 1.5.8L9.572 39.8a.956.956 0 0 0 0-1.594L6.5 36.162a.962.962 0 0 0-1.5.797z"
/>
<circle cx="11" cy="26" r="2" />
<circle cx="21" cy="25" r="2" />
<path
d="M23 15v2.78l-10 2V16.6a1 1 0 0 1 .8-.98l8-1.6A1 1 0 0 1 23 15zM45 10v7a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1v-4h-1.5a2.5 2.5 0 1 1 0-5H43a2.006 2.006 0 0 1 2 2zM59 10.5a2.492 2.492 0 0 1-2.5 2.5H55v4a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1v-7a2.006 2.006 0 0 1 2-2h3.5a2.5 2.5 0 0 1 2.5 2.5z"
/>
</g>
<path
fill="#000"
d="M7 33h18a3 3 0 0 0 3-3V12a3 3 0 0 0-3-3H7a3 3 0 0 0-3 3v18a3 3 0 0 0 3 3zM6 12a1 1 0 0 1 1-1h18a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1zM5.033 42.765a1.962 1.962 0 0 0 2.015-.094l3.077-2.041a1.956 1.956 0 0 0 0-3.26l-3.076-2.04A1.962 1.962 0 0 0 4 36.959v4.082c0 .721.397 1.384 1.033 1.724zM6 37.033l3.019 1.93L6 41.041zM26 38h-8a1 1 0 0 0-2 0h-2a1 1 0 0 0 0 2h2a1 1 0 0 0 2 0h8a1 1 0 0 0 0-2z"
/>
<path
fill="#000"
d="M11 29a3 3 0 0 0 3-3v-5.4l8-1.6v3.184A2.966 2.966 0 0 0 21 22a3 3 0 1 0 3 3V15a2 2 0 0 0-2.393-1.961l-8 1.6A2.007 2.007 0 0 0 12 16.6v6.584A2.966 2.966 0 0 0 11 23a3 3 0 0 0 0 6zm10-3a1 1 0 1 1 0-2 1 1 0 0 1 0 2zm1-11v1.961l-8 1.6V16.6zM11 25a1 1 0 1 1 0 2 1 1 0 0 1 0-2z"
/>
<path
fill="#000"
d="M56.5 7H53a3 3 0 0 0-3 3v7a2 2 0 0 0 2 2v15a4 4 0 1 1-8 0V19a2 2 0 0 0 2-2v-7a3 3 0 0 0-3-3h-3.5a3.5 3.5 0 0 0 0 7h.5v3a2 2 0 0 0 2 2v15a6.006 6.006 0 0 0 5 5.91V54a4 4 0 0 1-4 4H21a4 4 0 0 1-4-4h10a5.006 5.006 0 0 0 5-5V5a5.006 5.006 0 0 0-5-5H5a5.006 5.006 0 0 0-5 5v44a5.006 5.006 0 0 0 5 5h10a6.006 6.006 0 0 0 6 6h22a6.006 6.006 0 0 0 6-6V39.91A6.006 6.006 0 0 0 54 34V19a2 2 0 0 0 2-2v-3h.5a3.5 3.5 0 0 0 0-7zm-17 5a1.5 1.5 0 0 1 0-3H43a1 1 0 0 1 1 1v7h-2v-5a1 1 0 0 0-2 0zM22 2l-1.2 1.6a1 1 0 0 1-.8.4h-8a1 1 0 0 1-.8-.4L10 2zM2 5a3 3 0 0 1 3-3h2.5l2.1 2.8A3.016 3.016 0 0 0 12 6h8a3.014 3.014 0 0 0 2.4-1.2L24.5 2H27a3 3 0 0 1 3 3v39a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3zm3 47a3 3 0 0 1-3-3v-1.026A4.948 4.948 0 0 0 5 49h22a4.948 4.948 0 0 0 3-1.026V49a3 3 0 0 1-3 3zm51.5-40H56a1 1 0 0 0-2 0v5h-2v-7a1 1 0 0 1 1-1h3.5a1.5 1.5 0 0 1 0 3z"
/>
</g>
</svg>
More icons in the same style and category