Add icons to this collection by clicking the heart icon.
Note icon - also known as interface, music, song, note, quaver, musical note, music note, musical notes, music player, enable sound, miscellaneous, 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>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0c0-10.075-10.662-18.242-23.814-18.242-13.153 0-23.815 8.167-23.815 18.242 0 10.075 10.662 18.242 23.815 18.242C-10.662 18.242 0 10.075 0 0"
transform="translate(301.592 411.915)"
fill="#bd80e1"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-3.795 0-7.38-.683-10.563-1.893 7.851-2.982 13.25-9.181 13.25-16.349 0-7.168-5.399-13.367-13.25-16.35C-7.38-35.802-3.795-36.484 0-36.484c13.152 0 23.814 8.167 23.814 18.242C23.814-8.167 13.152 0 0 0"
transform="translate(277.777 430.157)"
fill="#af66da"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v41.971l158.981 25.478V24.504Zm203.63 96.756c0 20.016-18.031 35.208-37.757 31.808l-183.725-31.65c-15.484-2.668-26.798-16.098-26.798-31.81v-202.146c-10.667 4.035-22.671 6.313-35.373 6.313-44.191 0-80.015-27.443-80.015-61.294s35.824-61.293 80.015-61.293c43.882 0 79.497 27.064 79.99 60.591H0v157.764l158.981 24.504V-94.27c-10.668 4.036-22.671 6.313-35.374 6.313-44.19 0-80.014-27.441-80.014-61.293 0-33.852 35.824-61.293 80.014-61.293 43.883 0 79.497 27.064 79.991 60.591h.032z"
transform="translate(298.204 260.816)"
fill="#6cf5c2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 16.82 3.068v58.908L6.759 60.068A20.393 20.393 0 0 1-9.836 40.031V8.204C-9.836 2.999-5.121-.935 0 0"
transform="translate(281.384 257.748)"
fill="#5ee1c4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-9.64-1.66C2.343-6.266 11.102-17.861 11.102-31.809v-246.708h-.033c-.442-30.055-29.117-54.903-66.665-59.728a104.42 104.42 0 0 1 13.33-.862c43.884 0 79.498 27.064 79.992 60.59h.032v246.708C37.758-11.792 19.727 3.399 0 0"
transform="translate(464.076 389.38)"
fill="#5ee1c4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-.032C-.475-30.057-29.15-54.903-66.698-59.729c4.338-.557 8.786-.863 13.331-.863C-9.484-60.592 26.13-33.527 26.624 0h.032v157.764l-9.677-1.645C7.174 154.454 0 145.959 0 136.014Z"
transform="translate(271.547 68.092)"
fill="#5ee1c4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-10.078-18.659a6.384 6.384 0 0 0-8.644-2.58l-13.79 7.851-35.482 20.144a1.409 1.409 0 0 1-1.044.139 1.4 1.4 0 0 1-1.044-1.359v-169.14h-.038c-.378-25.492-27.454-46.077-60.821-46.077-3.435 0-6.808.215-10.079.643-28.8 3.674-50.755 22.861-50.755 45.962 0 25.743 27.239 46.616 60.834 46.616 9.653 0 18.764-1.744 26.9-4.801V5.221c0 12.331 6.102 24.045 16.57 30.562 10.846 6.732 24.095 7.121 35.281 1.082L-2.58 8.631A6.369 6.369 0 0 0 0 0"
transform="translate(201.943 433.612)"
fill="#ffd15c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-49.609 28.227c-8.405 4.542-17.964 5.443-26.798 2.761a35.73 35.73 0 0 0 6.63-2.761L-20.168 0a6.374 6.374 0 0 0 2.577-8.638l-5.44-10.202c-1.372-2.539-4.217-3.741-6.904-3.181l13.794-7.848a6.373 6.373 0 0 1 8.637 2.577L2.577-8.638A6.375 6.375 0 0 1 0 0"
transform="translate(199.366 442.246)"
fill="#ffc344"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a1.399 1.399 0 0 1-1.044-1.358v-169.141h-.039c-.377-25.491-27.453-46.076-60.821-46.076-3.435 0-6.807.215-10.078.642v.012c28.574 3.65 50.403 22.548 50.743 45.422h.026v151.575C-21.213-8.442-12.066-.025 0 0"
transform="translate(132.905 440.507)"
fill="#ffc344"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v92.585l21.406-14.59M0 0c0-10.075-10.662-18.242-23.814-18.242-13.153 0-23.815 8.167-23.815 18.242 0 10.075 10.662 18.242 23.815 18.242C-10.662 18.242 0 10.075 0 0Z"
transform="translate(301.592 411.915)"
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.851-35.824-61.293-80.014-61.293-44.191 0-80.014 27.442-80.014 61.293 0 33.852 35.823 61.294 80.014 61.294 18.981 0 36.419-5.064 50.137-13.523"
transform="translate(298.194 68.793)"
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.852-35.824-61.293-80.014-61.293-44.191 0-80.014 27.441-80.014 61.293 0 33.852 35.823 61.294 80.014 61.294 18.82 0 36.123-4.978 49.787-13.308"
transform="translate(501.825 111.566)"
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 0v83.801"
transform="translate(457.18 166.56)"
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-157.771h-.02"
transform="translate(298.2 225.86)"
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 0v41.97l158.98 25.479V24.5"
transform="translate(298.2 260.82)"
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 0v166.229c0 15.709 11.32 29.14 26.8 31.81l183.73 31.649c19.72 3.401 37.75-11.789 37.75-31.809v-246.71h-.02"
transform="translate(253.55 159.691)"
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 0-158.98-24.5"
transform="translate(457.18 250.36)"
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 0-158.98-24.5"
transform="translate(457.18 285.32)"
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 0v16.934"
transform="translate(298.2 302.79)"
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 0v16.934"
transform="translate(457.18 327.337)"
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 0a7.116 7.116 0 0 1 7.117-7.116 7.117 7.117 0 1 1 0 14.233A7.117 7.117 0 0 1 0 0"
transform="translate(90.789 146.975)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-33.198"
transform="translate(49.38 107.208)"
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 0h-33.199"
transform="translate(65.98 90.608)"
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-91.503h-.038c-.378-25.491-27.454-46.076-60.821-46.076-3.435 0-6.808.215-10.079.642-28.8 3.674-50.755 22.862-50.755 45.962 0 25.744 27.239 46.617 60.834 46.617 9.653 0 18.764-1.745 26.9-4.801V77.322c0 12.331 6.102 24.045 16.57 30.563 10.846 6.731 24.095 7.121 35.281 1.082l49.61-28.235a6.368 6.368 0 0 0 2.58-8.63l-10.078-18.66a6.385 6.385 0 0 0-8.644-2.58l-13.79 7.852L2.088 78.857a1.4 1.4 0 0 1-1.044.139A1.399 1.399 0 0 1 0 77.638V35.383"
transform="translate(131.86 361.51)"
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