Add icons to this collection by clicking the heart icon.
Music Notes icon - also known as book, music, quaver, music note, music notes, music book, files and folders, sheet music, music and multimedia, and music sheet. Created in a clean lineal color style with a white, gray, 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>
<clipPath id="b" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<path
d="M66 10h380v492H66Z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#f9f9f9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M66 10h380v492H66Z"
fill="none"
stroke="#201b1b"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="1000,45,0,45"
stroke-dashoffset="0"
stroke-opacity="1"
/>
</g>
<path
d="M0 0h120"
transform="matrix(1.33333 0 0 -1.33333 261.333 66.667)"
fill="none"
stroke="#201b1b"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h70"
transform="matrix(1.33333 0 0 -1.33333 214.667 120)"
fill="none"
stroke="#201b1b"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h70"
transform="matrix(1.33333 0 0 -1.33333 374.667 120)"
fill="none"
stroke="#201b1b"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h300"
transform="matrix(1.33333 0 0 -1.33333 141.333 200)"
fill="none"
stroke="#201b1b"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h170"
transform="matrix(1.33333 0 0 -1.33333 168 360)"
fill="none"
stroke="#201b1b"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h200"
transform="matrix(1.33333 0 0 -1.33333 274.667 413.333)"
fill="none"
stroke="#201b1b"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h10"
transform="matrix(1.33333 0 0 -1.33333 141.333 413.333)"
fill="none"
stroke="#201b1b"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h50"
transform="matrix(1.33333 0 0 -1.33333 474.667 586.667)"
fill="none"
stroke="#201b1b"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h70"
transform="matrix(1.33333 0 0 -1.33333 448 360)"
fill="none"
stroke="#201b1b"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h50"
transform="matrix(1.33333 0 0 -1.33333 141.333 586.667)"
fill="none"
stroke="#201b1b"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<g clip-path="url(#b)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0c0 11.046-8.954 20-20 20s-20-8.954-20-20 8.954-20 20-20S0-11.046 0 0"
transform="translate(146 262)"
fill="#6d92ac"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 11.046-8.954 20-20 20s-20-8.954-20-20 8.954-20 20-20S0-11.046 0 0z"
transform="translate(146 262)"
fill="none"
stroke="#201b1b"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0 11.046-8.954 20-20 20s-20-8.954-20-20 8.954-20 20-20S0-11.046 0 0"
transform="translate(226 262)"
fill="#6d92ac"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 11.046-8.954 20-20 20s-20-8.954-20-20 8.954-20 20-20S0-11.046 0 0z"
transform="translate(226 262)"
fill="none"
stroke="#201b1b"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v60h80V0"
transform="translate(146 262)"
fill="none"
stroke="#201b1b"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0 11.046-8.954 20-20 20s-20-8.954-20-20 8.954-20 20-20S0-11.046 0 0"
transform="translate(236 82)"
fill="#6d92ac"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 11.046-8.954 20-20 20s-20-8.954-20-20 8.954-20 20-20S0-11.046 0 0z"
transform="translate(236 82)"
fill="none"
stroke="#201b1b"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0 11.046-8.954 20-20 20s-20-8.954-20-20 8.954-20 20-20S0-11.046 0 0"
transform="translate(316 92)"
fill="#6d92ac"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 11.046-8.954 20-20 20s-20-8.954-20-20 8.954-20 20-20S0-11.046 0 0z"
transform="translate(316 92)"
fill="none"
stroke="#201b1b"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v70l80 10V10"
transform="translate(236 82)"
fill="none"
stroke="#201b1b"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0 11.046-8.954 20-20 20s-20-8.954-20-20 8.954-20 20-20S0-11.046 0 0"
transform="translate(156 92)"
fill="#6d92ac"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 11.046-8.954 20-20 20s-20-8.954-20-20 8.954-20 20-20S0-11.046 0 0zM0 0v100l30-30"
transform="translate(156 92)"
fill="none"
stroke="#201b1b"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0 11.046-8.954 20-20 20s-20-8.954-20-20 8.954-20 20-20S0-11.046 0 0"
transform="translate(306 302)"
fill="#6d92ac"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 11.046-8.954 20-20 20s-20-8.954-20-20 8.954-20 20-20S0-11.046 0 0z"
transform="translate(306 302)"
fill="none"
stroke="#201b1b"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0 11.046-8.954 20-20 20s-20-8.954-20-20 8.954-20 20-20S0-11.046 0 0"
transform="translate(376 262)"
fill="#6d92ac"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 11.046-8.954 20-20 20s-20-8.954-20-20 8.954-20 20-20S0-11.046 0 0z"
transform="translate(376 262)"
fill="none"
stroke="#201b1b"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v70"
transform="translate(306 302)"
fill="none"
stroke="#201b1b"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v60h30"
transform="translate(376 262)"
fill="none"
stroke="#201b1b"
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