Add icons to this collection by clicking the heart icon.
Music icon - also known as headphone, sound, audio, music, loud, listening, and music and multimedia. Created in a clean lineal color style with a white, silver, gray, black, navy, and pink 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-270c33.137 0 60 26.863 60 60v150C60-26.863 33.137 0 0 0"
transform="translate(97.5 277.5)"
fill="#3e3986"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v150c0 33.137-13.432 60-30 60L-60 75l30-135C-13.432-60 0-33.137 0 0"
transform="translate(127.5 67.5)"
fill="#524cb2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-20-75 20-75c0-33.137 26.863-60 60-60V60C26.863 60 0 33.137 0 0"
transform="translate(37.5 217.5)"
fill="#9abbd0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-33.137 0-60-26.863-60-60v-150c0-33.137 26.863-60 60-60l30 135z"
transform="translate(414.5 277.5)"
fill="#3e3986"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 33.137-26.863 60-60 60v-270c33.137 0 60 26.863 60 60l20 75z"
transform="translate(474.5 217.5)"
fill="#87a1c1"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v150c0 33.137-13.432 60-30 60V-60C-13.432-60 0-33.137 0 0"
transform="translate(444.5 67.5)"
fill="#9abbd0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-30c0-16.568 13.432-30 30-30v30z"
transform="translate(7.5 127.5)"
fill="#9abbd0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-30c16.568 0 30 13.432 30 30v30z"
transform="translate(474.5 97.5)"
fill="#9abbd0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-128.5c0-16.568 13.432-30 30-30V0c0 63.015 26.686 119.787 69.359 159.666H58.095C21.844 116.48 0 60.795 0 0"
transform="translate(7.5 256)"
fill="#acd5df"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c42.674-39.879 69.359-96.651 69.359-159.666v-158.5c16.569 0 30 13.432 30 30v128.5C99.359-98.871 77.516-43.186 41.264 0Z"
transform="translate(405.14 415.666)"
fill="#acd5df"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-76.447 0-144.82-34.531-190.404-88.834 16.236-16.366 42.569-17.908 60.646-2.902C-92.164-60.53-46.082-44.928 0-44.928c46.082 0 92.164-15.602 129.758-46.808 18.077-15.006 44.41-13.464 60.646 2.902C144.82-34.531 76.447 0 0 0"
transform="translate(256 504.5)"
fill="#c4f3ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-270"
transform="translate(97.5 277.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 0v-270"
transform="translate(414.5 277.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 0c0-33.137-26.863-60-60-60s-60 26.863-60 60v150c0 33.137 26.863 60 60 60s60-26.863 60-60"
transform="translate(474.5 67.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 0h30"
transform="translate(201.5 142.5)"
fill="none"
stroke="#ffd06a"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 25.98 15"
transform="translate(187.5 195)"
fill="none"
stroke="#ffd06a"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 25.98-15"
transform="translate(187.5 90)"
fill="none"
stroke="#ffd06a"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-30"
transform="translate(310.5 142.5)"
fill="none"
stroke="#ffd06a"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-25.98 15"
transform="translate(324.5 195)"
fill="none"
stroke="#ffd06a"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-25.98-15"
transform="translate(324.5 90)"
fill="none"
stroke="#ffd06a"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-33.137 26.863-60 60-60s60 26.863 60 60v150c0 33.137-26.863 60-60 60S0 183.137 0 150v38.5c0 56.388 21.363 107.783 56.434 146.544"
transform="translate(37.5 67.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 0c35.066-38.76 56.429-90.154 56.429-146.539v-188.5c16.568 0 30 13.432 30 30v158.5c0 137.242-111.258 248.5-248.5 248.5-137.243 0-248.5-111.258-248.5-248.5v-158.5c0-16.568 13.431-30 30-30v120"
transform="translate(418.071 402.54)"
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 0c16.236-16.366 42.569-17.908 60.646-2.902 37.594 31.206 83.676 46.808 129.758 46.808 46.082 0 92.164-15.602 129.758-46.808 18.077-15.006 44.41-13.464 60.647 2.902"
transform="translate(65.596 415.666)"
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