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 blue style with a white 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="#e8edfc"
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="#cad9fc"
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="#e8edfc"
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="#cad9fc"
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="#e8edfc"
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="#cad9fc"
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="#e8edfc" rx="2" />
<path
fill="#cad9fc"
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="#fff">
<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.5zM5 53h3a4 4 0 0 1-4-4V5a4 4 0 0 1 4-4H5a4 4 0 0 0-4 4v44a4 4 0 0 0 4 4z"
/>
<path d="M0 5h2v8H0z" />
</g>
<circle cx="1" cy="9" r="1" fill="#428dff" />
<path
fill="#428dff"
d="M28 30V12a3 3 0 0 0-3-3H7a3 3 0 0 0-3 3v18a3 3 0 0 0 3 3h18a3 3 0 0 0 3-3zm-2 0a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1V12a1 1 0 0 1 1-1h18a1 1 0 0 1 1 1zM4 41.041a1.962 1.962 0 0 0 3.048 1.63l3.077-2.041a1.956 1.956 0 0 0 0-3.26l-3.076-2.04A1.962 1.962 0 0 0 4 36.959zm2-4.008 3.019 1.93L6 41.041zM18 38a1 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="#428dff"
d="m21.607 13.039-8 1.6A2.007 2.007 0 0 0 12 16.6v6.584A2.966 2.966 0 0 0 11 23a3 3 0 1 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.961zM11 27a1 1 0 1 1 0-2 1 1 0 0 1 0 2zm3-8.439V16.6l8-1.6v1.961zM21 26a1 1 0 1 1 0-2 1 1 0 0 1 0 2z"
/>
<path
fill="#428dff"
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 5 1 1 0 1 0 2 0 3 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-3V13a1 1 0 0 0-2 0v36a5.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 0zM20.8 3.6a1 1 0 0 1-.8.4h-8a1 1 0 0 1-.8-.4L10 2h12zM5 52a3 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