Add icons to this collection by clicking the heart icon.
Music Note icon - also known as music, song, note, quaver, musical note, music note, ui, music player, and enable sound. 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="512"
height="512"
viewBox="0 0 64 64"
>
<linearGradient id="a">
<stop offset="0" stop-color="#fedbb8" />
<stop offset="1" stop-color="#20f6a8" />
</linearGradient>
<linearGradient
id="b"
x1="40"
x2="40"
y1="64"
y2="0"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="24"
x2="24"
y1="64"
y2="0"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="32"
x2="32"
y1="64"
y2="0"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M32 30.095c.525 0 1.05-.206 1.442-.615a12.669 12.669 0 0 1 13.825-3.023 2 2 0 1 0 1.465-3.721 16.654 16.654 0 0 0-18.175 3.975A2 2 0 0 0 32 30.095z"
/>
<path
fill="url(#c)"
d="M24 54c5.421 0 10-4.58 10-10s-4.579-10-10-10-10 4.58-10 10 4.579 10 10 10zm0-16c3.196 0 6 2.804 6 6s-2.804 6-6 6-6-2.804-6-6 2.804-6 6-6z"
/>
<path
fill="url(#b)"
d="M31.437 13.919a25.238 25.238 0 0 1 14.83 11.675 1.998 1.998 0 0 0 2.731.735 2 2 0 0 0 .735-2.731 29.23 29.23 0 0 0-17.17-13.517 2 2 0 0 0-1.126 3.838z"
/>
<path
fill="url(#d)"
d="M32 46a2 2 0 0 0 2-2V12.189a2 2 0 0 0-4 0V44a2 2 0 0 0 2 2z"
/>
</svg>
More icons in the same style and category