Add icons to this collection by clicking the heart icon.
Note icon - also known as interface, music, song, note, quaver, musical note, music player, and music and multimedia. Created in a clean gradient style with a teal 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="512pt"
height="512pt"
viewBox="0 0 512 512"
>
<linearGradient
id="d"
x1="74.981"
x2="437.019"
y1="74.981"
y2="437.019"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#714c2f" />
<stop offset="1" stop-color="#523522" />
</linearGradient>
<linearGradient id="a">
<stop offset=".005" stop-color="#e0f4ff" />
<stop offset="1" stop-color="#bbdcff" />
</linearGradient>
<linearGradient
id="e"
x1="305.214"
x2="342.023"
y1="126.555"
y2="163.364"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="388.647"
x2="407.052"
y1="98.948"
y2="117.353"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="203.375"
x2="221.78"
y1="227.78"
y2="246.184"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="111.353"
x2="129.757"
y1="209.375"
y2="227.78"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#64e1dc" />
<stop offset="1" stop-color="#1cadb5" />
</linearGradient>
<linearGradient
id="i"
x1="217.023"
x2="263.345"
y1="361.784"
y2="408.107"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="j"
x1="346.565"
x2="393.084"
y1="324.651"
y2="371.17"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#ff641a" />
<stop offset="1" stop-color="#f03800" />
</linearGradient>
<linearGradient
id="k"
x1="168.104"
x2="238.762"
y1="98.447"
y2="169.104"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="l"
x1="112.676"
x2="183.591"
y1="264.127"
y2="335.043"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="m"
x1="294.723"
x2="370.923"
y1="193.91"
y2="270.11"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<path
fill="url(#d)"
d="M512 256c0 141.387-114.613 256-256 256S0 397.387 0 256 114.613 0 256 0s256 114.613 256 256zm0 0"
/>
<path
fill="#1cadb5"
d="M258.59 276.047v108.785h18.402V270.789l-9.203-15.777zM388.648 239.238v108.785h18.403V233.98l-9.301-15.746zm0 0"
/>
<path
fill="url(#e)"
d="M351.227 135.758H332.82v-18.406h-18.406v18.406h-18.402v18.402h18.402v18.406h18.406V154.16h18.407zm0 0"
/>
<path fill="url(#f)" d="M388.648 98.95h18.407v18.402h-18.407zm0 0" />
<path fill="url(#g)" d="M203.375 227.781h18.406v18.403h-18.406zm0 0" />
<path fill="url(#h)" d="M111.352 209.375h18.406v18.406h-18.406zm0 0" />
<path
fill="url(#i)"
d="M240.184 413.05c-20.641 0-36.809-12.734-36.809-28.218s16.168-27.605 36.809-27.605 36.808 12.12 36.808 27.605-16.168 28.219-36.808 28.219zm0 0"
/>
<path
fill="url(#j)"
d="M369.629 375.629c-20.64 0-36.809-12.121-36.809-27.606 0-15.484 16.168-28.222 36.809-28.222s37.422 12.738 37.422 28.222c0 15.485-16.778 27.606-37.422 27.606zm0 0"
/>
<path
fill="url(#k)"
d="M226.195 98.95c-10.488 0-17.851 4.968-22.82 10.487-4.969-5.519-12.328-10.488-22.82-10.488-18.035 0-32.024 14.906-32.024 34.047 0 23.559 22.637 38.465 48.77 61.285l6.074 5.156 6.074-5.156c23.192-20.242 48.774-36.625 48.774-61.285-.004-19.14-13.989-34.047-32.028-34.047zm0 0"
/>
<path
fill="url(#l)"
d="M170.984 264.59c-10.492 0-17.851 4.969-22.824 10.488-4.969-5.52-12.328-10.488-22.82-10.488-18.035 0-32.39 14.906-32.39 34.047 0 23.558 23.003 39.078 49.14 61.902l6.074 5.152 6.074-5.152c23.188-20.246 48.77-37.238 48.77-61.902 0-19.14-13.988-34.047-32.024-34.047zm0 0"
/>
<path
fill="url(#m)"
d="M258.59 230.043v46.004l18.402-5.258 111.656-31.55 18.403-5.259V187.97zm0 0"
/>
</svg>
More icons in the same style and category