Add icons to this collection by clicking the heart icon.
Music Note icon - also known as sound, music, song, quaver, rocking, musical note, music note, music player, rock, enable sound, 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>
<path
d="m0 0 40.84 166.086h-183.717l-59.25-240.957h89.872l-40.839-165.086h1.455L53.873-20.355V0Z"
transform="matrix(1.33333 0 0 -1.33333 279.517 293.42)"
fill="#fee95d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-89.872l53.568 217.851h-23.042l-59.25-240.957h89.873l-40.84-165.086h1.455l29.297 31.306z"
transform="matrix(1.33333 0 0 -1.33333 168.142 362.44)"
fill="#f7d700"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-15"
transform="matrix(1.33333 0 0 -1.33333 121.333 103.263)"
fill="none"
stroke="#fff"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-15"
transform="matrix(1.33333 0 0 -1.33333 161.333 103.263)"
fill="none"
stroke="#fff"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0v-200.064A52.28 52.28 0 0 1-22.511-195c-28.995 0-52.5-23.505-52.5-52.5s23.505-52.5 52.5-52.5 52.5 23.505 52.5 52.5V-60L210-26.998v-173.066A52.28 52.28 0 0 1 187.489-195c-28.995 0-52.5-23.505-52.5-52.5s23.505-52.5 52.5-52.5 52.5 23.505 52.5 52.5V45Z"
transform="translate(263.51 375.026)"
fill="#94b7f7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-195.128-36v-23.474L0-23.474Z"
transform="translate(481.043 372.968)"
fill="#5b92f2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-28.995 0-52.5 23.505-52.5 52.5a52.24 52.24 0 0 0 7.995 27.838c-14.809-9.283-24.663-25.739-24.663-44.506 0-28.995 23.505-52.5 52.5-52.5 18.767 0 35.223 9.854 44.506 24.663A52.233 52.233 0 0 0 0 0"
transform="translate(257.668 91.694)"
fill="#5b92f2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-28.995 0-52.5 23.505-52.5 52.5a52.24 52.24 0 0 0 7.995 27.838c-14.809-9.283-24.663-25.739-24.663-44.506 0-28.995 23.505-52.5 52.5-52.5 18.767 0 35.223 9.854 44.506 24.663A52.233 52.233 0 0 0 0 0"
transform="translate(467.668 91.694)"
fill="#5b92f2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-15"
transform="translate(293.5 360.026)"
fill="none"
stroke="#fff"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-15"
transform="translate(226 150.026)"
fill="none"
stroke="#fff"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-15"
transform="translate(436 150.026)"
fill="none"
stroke="#fff"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-53.873l40.84 166.086H-196.75L-256-74.871h89.872l-40.839-165.086h1.455L-22.511-44.409"
transform="translate(263.51 291.935)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v172.5l-239.989-45V-72.564A52.283 52.283 0 0 1-262.5-67.5c-28.995 0-52.5-23.505-52.5-52.5s23.505-52.5 52.5-52.5S-210-148.995-210-120V67.5l180.011 33.002V-72.564A52.283 52.283 0 0 1-52.5-67.5c-28.995 0-52.5-23.505-52.5-52.5s23.505-52.5 52.5-52.5S0-148.995 0-120v75"
transform="translate(503.5 247.526)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v15"
transform="translate(503.5 217.526)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-15"
transform="translate(331 503.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-15"
transform="translate(331 443.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-15"
transform="translate(361 473.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-15"
transform="translate(301 473.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-15"
transform="translate(151 83.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-15"
transform="translate(151 23.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-15"
transform="translate(181 53.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-15"
transform="translate(121 53.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category