Add icons to this collection by clicking the heart icon.
Music icon - also known as music, song, quaver, music note, musical notes, music player, and music and multimedia. Created in a clean flat 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 0a21.78 21.78 0 0 1-15.935-20.98v-169.896c-8.979 3.596-19.123 5.635-29.875 5.635-36.603 0-66.275-23.483-66.275-52.451s29.672-52.451 66.275-52.451c36.602 0 66.275 23.483 66.275 52.451v156.025a21.78 21.78 0 0 0 15.903 20.972l136.724 38.309c13.888 3.891 27.655-6.549 27.655-20.972V-149.05c-8.979 3.596-19.124 5.635-29.876 5.635-36.602 0-66.274-23.482-66.274-52.45 0-28.968 29.672-52.451 66.274-52.451 36.604 0 66.275 23.483 66.275 52.451V37.387c0 14.41-13.742 24.847-27.623 20.981z"
transform="translate(112.085 431.307)"
fill="#80e0b7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-84.014-23.404a21.777 21.777 0 0 1-15.934-20.98V-214.28c-8.98 3.596-19.124 5.635-29.876 5.635-36.603 0-66.275-23.482-66.275-52.451 0-28.967 29.672-52.45 66.275-52.45 36.602 0 66.275 23.483 66.275 52.45v156.026c0 9.765 6.5 18.337 15.903 20.971l53.392 14.96a10.678 10.678 0 0 1 7.797 10.282v48.571C13.543-3.221 6.806 1.896 0 0"
transform="translate(498.457 337.214)"
fill="#ffb2a6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-8.192-11.907-18.749-21.379-26.124-27.206-4.183-3.304-4.183-9.622 0-12.926C-18.749-45.959-8.192-55.431 0-67.338c3.181-4.622 10.085-4.622 13.266 0 8.193 11.907 18.75 21.379 26.124 27.206 4.182 3.304 4.182 9.622 0 12.926C32.016-21.379 21.459-11.907 13.266 0 10.085 4.622 3.181 4.622 0 0"
transform="translate(426.438 470.813)"
fill="#f9ee80"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a49.513 49.513 0 0 0 5.241 22.193l-50.653-14.11a21.78 21.78 0 0 1-15.935-20.98v-169.896c-8.979 3.596-19.123 5.635-29.875 5.635-36.603 0-66.275-23.483-66.275-52.451s29.672-52.451 66.275-52.451c36.602 0 66.275 23.483 66.275 52.451v156.026A21.78 21.78 0 0 0-9.044-52.612l33.53 9.395C9.744-33.99 0-18.085 0 0"
transform="translate(157.497 423.224)"
fill="#36d49b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 5.03.597 9.918 1.69 14.615L-35.919 4.138a21.78 21.78 0 0 1-15.935-20.98v-169.896c-8.979 3.596-19.124 5.635-29.875 5.635-36.603 0-66.275-23.483-66.275-52.451 0-28.967 29.672-52.451 66.275-52.451 36.602 0 66.275 23.484 66.275 52.451v156.025A21.78 21.78 0 0 0 .449-56.557l23.468 6.575C9.335-38.21 0-20.199 0 0"
transform="translate(450.362 309.672)"
fill="#fc8978"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-8.192-11.906-18.749-21.379-26.124-27.205-4.182-3.304-4.182-9.623 0-12.927C-18.749-45.958-8.192-55.431 0-67.337c3.181-4.623 10.085-4.623 13.266 0 8.193 11.906 18.75 21.379 26.124 27.205 4.182 3.304 4.182 9.623 0 12.927C32.016-21.379 21.459-11.906 13.266 0 10.085 4.623 3.181 4.623 0 0"
transform="translate(69.75 165.505)"
fill="#f4e74d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-11.379-9.225-20.604-20.604-20.604S-41.208-11.379-41.208 0s9.225 20.604 20.604 20.604S0 11.379 0 0"
transform="translate(230.501 330.79)"
fill="#c7aee4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-11.379-9.225-20.604-20.604-20.604-11.378 0-20.603 9.225-20.603 20.604s9.225 20.604 20.603 20.604C-9.225 20.604 0 11.379 0 0"
transform="translate(159.757 42.118)"
fill="#fc8978"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-14.224-11.531-25.755-25.755-25.755-14.224 0-25.754 11.531-25.754 25.755 0 14.224 11.53 25.754 25.754 25.754C-11.531 25.754 0 14.224 0 0"
transform="translate(273.126 121.09)"
fill="#7293df"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
</svg>
More icons in the same style and category