Add icons to this collection by clicking the heart icon.
Note icon - also known as notes, hand, music, musical, note, music note, musical notes, music and multimedia, and hands and gestures. Created in a clean outline gradient 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="446pt"
height="446pt"
viewBox="0 -10 446.393 446"
>
<linearGradient id="a">
<stop offset=".322" stop-color="#a163f5" />
<stop offset=".466" stop-color="#b074ee" />
<stop offset=".752" stop-color="#d8a1dd" />
<stop offset=".898" stop-color="#efbad3" />
</linearGradient>
<linearGradient
id="b"
x1="223.194"
x2="223.194"
y1="422.199"
y2="-56.741"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="68.538"
x2="68.538"
y1="422.199"
y2="-56.741"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="288.508"
x2="288.508"
y1="422.199"
y2="-56.741"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="199.515"
x2="199.515"
y1="422.199"
y2="-56.741"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="m396.066 243.145-2.144 1.156c-9.328-11.2-25.395-15.52-37.645-9.313l-.136.07-5.278 2.844c-13.277-11.164-32.12-12.836-47.16-4.183L274.63 249.53h-38.7a55.758 55.758 0 0 1-24.144-5.535l-5.328-2.578c-31.016-15.09-67.879-11.492-95.39 9.316a6.049 6.049 0 0 0-.383.313l-12.872 11.457a44.353 44.353 0 0 1-16.57 9.289L73.98 248a5.995 5.995 0 0 0-5.738-4.25H6a5.992 5.992 0 0 0-4.492 2.023 6.007 6.007 0 0 0-1.465 4.704l20.75 170.136a6.004 6.004 0 0 0 5.957 5.274h93.363a6.007 6.007 0 0 0 4.824-2.43 6.008 6.008 0 0 0 .918-5.32l-12.226-40.102 38.066-24.062a22.806 22.806 0 0 1 16.614-2.145c.125.027.25.059.375.082l77.707 14.309c21.16 3.785 42.98.703 62.265-8.793.254-.125.5-.27.735-.43l134.398-92.281a5.998 5.998 0 0 0 1.742-8.043c-10.215-17.012-32.011-22.973-49.465-13.527zm-34.3 2.515c6.898-3.453 15.574-.691 21.199 4.555l-50.715 27.36-2.781 1.468a44.36 44.36 0 0 0-6.785-12.324zm-52.258-1.437a1.7 1.7 0 0 0 .144-.078 29.261 29.261 0 0 1 29.457.093l-25.48 13.73a44.248 44.248 0 0 0-15.996-7.288zM32.058 413.887l-19.28-158.133H63.8l48.21 158.133zm270.891-67.032a88.687 88.687 0 0 1-54.406 7.56l-77.508-14.274a34.76 34.76 0 0 0-25.336 3.433c-.094.055-.187.11-.277.168l-35.43 22.395-25.258-82.848a56.4 56.4 0 0 0 21.047-11.82l12.684-11.293c23.91-17.969 55.867-21.04 82.758-7.953l5.332 2.578a67.888 67.888 0 0 0 29.367 6.73h51.691c15.477.02 28.79 10.95 31.817 26.125l-37.203-1.683a224.547 224.547 0 0 0-40.813 1.886 6 6 0 1 0 1.645 11.887 212.14 212.14 0 0 1 38.625-1.785l44.09 2c.093 0 .183.008.273.008 3.312 0 6-2.688 6-6 0-.899-.035-1.79-.086-2.672l5.926-3.129 63.87-34.457a25.116 25.116 0 0 1 30.056 4.672zm0 0"
/>
<path
fill="url(#c)"
d="M50.094 390.117c0 10.188 8.261 18.45 18.449 18.45s18.45-8.262 18.45-18.45-8.263-18.449-18.45-18.449c-10.184.012-18.438 8.266-18.45 18.45zm18.449-6.449c3.562 0 6.45 2.887 6.45 6.45s-2.888 6.448-6.45 6.448-6.45-2.886-6.45-6.449a6.458 6.458 0 0 1 6.446-6.449zm0 0"
/>
<path
fill="url(#d)"
d="M207.824 179.156c0 18.739 17.785 33.985 39.645 33.985 21.863 0 39.648-15.246 39.648-33.985V75.38l74.969 14.074c1.758.332 3.566-.137 4.941-1.277s2.168-2.836 2.168-4.621V21.609a6.004 6.004 0 0 0-4.894-5.902L282.227.301a5.995 5.995 0 0 0-7.11 5.898v148.63a43.125 43.125 0 0 0-27.648-9.661c-21.86 0-39.645 15.246-39.645 33.988zM287.125 13.43l70.07 13.156v49.742l-70.078-13.156zm-12 165.726c0 12.125-12.402 21.985-27.652 21.985-15.246 0-27.645-9.86-27.645-21.985s12.399-21.988 27.645-21.988c15.25 0 27.644 9.863 27.644 21.988zm0 0"
/>
<g fill="url(#e)">
<path
d="M163.195 31.383h72.64c3.313 0 6-2.688 6-6s-2.687-6-6-6h-72.64c-3.316 0-6 2.687-6 6s2.684 6 6 6zM163.195 69.117h72.64a6.001 6.001 0 0 0 0-12h-72.64c-3.316 0-6 2.688-6 6s2.684 6 6 6zM163.195 106.852h72.64c3.313 0 6-2.684 6-6 0-3.313-2.687-6-6-6h-72.64c-3.316 0-6 2.687-6 6 0 3.316 2.684 6 6 6zm0 0"
/>
</g>
</svg>
More icons in the same style and category