Add icons to this collection by clicking the heart icon.
Note icon - also known as interface, song, note, quaver, musical note, music player, and music and multimedia. Created in a clean 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="640"
height="640"
viewBox="0 0 480 480"
>
<linearGradient id="a">
<stop offset="0" stop-color="#20d6de" />
<stop offset="1" stop-color="#c24ad2" />
</linearGradient>
<linearGradient
id="b"
x1="-16"
x2="499.984"
y1="240"
y2="240"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="-16"
x2="499.984"
y1="214.448"
y2="214.448"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="-16"
x2="499.984"
y1="265.936"
y2="265.936"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="-16"
x2="499.984"
y1="136"
y2="136"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="-16"
x2="499.984"
y1="160"
y2="160"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="-16"
x2="499.984"
y1="312"
y2="312"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<g fill="url(#b)">
<path
d="M240 48C133.96 48 48 133.96 48 240s85.96 192 192 192 192-85.96 192-192c-.125-105.988-86.012-191.875-192-192zm0 368c-97.203 0-176-78.797-176-176S142.797 64 240 64s176 78.797 176 176c-.11 97.156-78.844 175.89-176 176zm0 0"
/>
<path
d="M240 0C107.453 0 0 107.453 0 240s107.453 240 240 240 240-107.453 240-240C479.852 107.516 372.484.148 240 0zm0 464C116.29 464 16 363.71 16 240S116.29 16 240 16s224 100.29 224 224c-.14 123.652-100.348 223.86-224 224zm0 0"
/>
<path
d="M240 88c-83.95 0-152 68.05-152 152s68.05 152 152 152 152-68.05 152-152c-.094-83.91-68.09-151.906-152-152zm0 288c-75.11 0-136-60.89-136-136s60.89-136 136-136 136 60.89 136 136c-.082 75.074-60.926 135.918-136 136zm0 0"
/>
</g>
<path
fill="url(#c)"
d="M240 225.473v-84.57l-88 29.327v71.204c-11.02 3.894-17.633 15.164-15.656 26.683 1.976 11.52 11.969 19.942 23.656 19.942s21.68-8.422 23.656-19.942c1.977-11.52-4.636-22.789-15.656-26.683V213.77l56-18.665v30.399c-11.02 3.894-17.633 15.164-15.656 26.687 1.976 11.52 11.969 19.942 23.656 19.942s21.68-8.422 23.656-19.942c1.977-11.523-4.636-22.793-15.656-26.687zM160 272a8 8 0 1 1 0-16 8 8 0 0 1 0 16zm8-75.105V181.77l56-18.672v15.132zM232 256a8 8 0 1 1 0-16 8 8 0 0 1 0 16zm0 0"
/>
<path
fill="url(#d)"
d="M272 297.473c-11.02 3.894-17.633 15.164-15.656 26.683 1.976 11.524 11.969 19.942 23.656 19.942s21.68-8.418 23.656-19.942c1.977-11.52-4.636-22.789-15.656-26.683v-36.2l56-24v-49.41l-72 30.864zm16-68.2 40-17.136v14.59l-40 17.136zM280 328a8 8 0 1 1 0-16 8 8 0 0 1 0 16zm0 0"
/>
<path fill="url(#e)" d="M264 128h16v16h-16zm0 0" />
<path fill="url(#f)" d="M296 152h16v16h-16zm0 0" />
<path fill="url(#g)" d="M208 304h16v16h-16zm0 0" />
</svg>
More icons in the same style and category