Add icons to this collection by clicking the heart icon.
Music Notes icon - also known as interface, music, song, musical, quaver, musical note, music player, music notes, and music and multimedia. Created in a clean lineal color style with a silver and black 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>
<path
d="M0 0v184.844"
transform="matrix(1.33333 0 0 -1.33333 344.41 306.54)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
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 0c0-23.836-19.323-43.158-43.158-43.158-23.836 0-43.159 19.322-43.159 43.158 0 23.836 19.323 43.158 43.159 43.158C-19.323 43.158 0 23.836 0 0"
transform="translate(258.307 284.55)"
fill="#bdd9ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-23.836-19.323-43.158-43.158-43.158-23.836 0-43.159 19.322-43.159 43.158 0 23.836 19.323 43.158 43.159 43.158C-19.323 43.158 0 23.836 0 0Z"
transform="translate(258.307 284.55)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v67.872l93.032-56.519C98.327 8.136 96.046-.01 89.85-.009Z"
transform="translate(258.307 431.47)"
fill="#79b2ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v67.872l93.032-56.519C98.327 8.136 96.046-.01 89.85-.009Z"
transform="translate(258.307 431.47)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v150.172"
transform="translate(373.802 146.692)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-19.365-15.698-35.063-35.063-35.063-19.364 0-35.063 15.698-35.063 35.063 0 19.365 15.699 35.063 35.063 35.063C-15.698 35.063 0 19.365 0 0"
transform="translate(373.802 148.685)"
fill="#bdd9ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-19.365-15.698-35.063-35.063-35.063-19.364 0-35.063 15.698-35.063 35.063 0 19.365 15.699 35.063 35.063 35.063C-15.698 35.063 0 19.365 0 0Z"
transform="translate(373.802 148.685)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v55.14L75.581 9.223c4.302-2.613 2.449-9.231-2.584-9.23z"
transform="translate(373.802 268.046)"
fill="#79b2ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v55.14L75.581 9.223c4.302-2.613 2.449-9.231-2.584-9.23z"
transform="translate(373.802 268.046)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v149.71"
transform="translate(94.055 75.2)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-19.305-15.65-34.955-34.955-34.955S-69.91-19.305-69.91 0s15.65 34.955 34.955 34.955S0 19.305 0 0"
transform="translate(94.055 77.187)"
fill="#bdd9ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-19.305-15.65-34.955-34.955-34.955S-69.91-19.305-69.91 0s15.65 34.955 34.955 34.955S0 19.305 0 0Z"
transform="translate(94.055 77.187)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v54.971L75.349 9.195c4.288-2.606 2.441-9.203-2.577-9.202z"
transform="translate(94.055 196.18)"
fill="#79b2ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v54.971L75.349 9.195c4.288-2.606 2.441-9.203-2.577-9.202z"
transform="translate(94.055 196.18)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-8.712 27.788-2.06 59.353 19.959 81.371 22.017 22.018 53.581 28.671 81.368 19.96"
transform="translate(33.916 364.477)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-4.447 14.184-1.051 30.296 10.188 41.536 11.239 11.238 27.35 14.635 41.534 10.188"
transform="translate(73.295 374.703)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c8.712-27.788 2.06-59.353-19.959-81.371-22.017-22.018-53.581-28.671-81.368-19.96"
transform="translate(478.521 120.391)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c4.447-14.184 1.051-30.296-10.188-41.536-11.239-11.238-27.35-14.635-41.534-10.188"
transform="translate(439.142 110.165)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-68.997"
transform="translate(303.676 392.183)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v0"
transform="translate(303.676 282.435)"
fill="none"
stroke="#000"
stroke-width="20"
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