Add icons to this collection by clicking the heart icon.
Music icon - also known as music, song, musical note, music note, ui, and music player. 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 46 46"
>
<linearGradient
id="a"
x1="2.665"
x2="43.499"
y1="46.167"
y2="6.183"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".04" stop-color="#fee72e" />
<stop offset=".117" stop-color="#fed51b" />
<stop offset=".196" stop-color="#fdca10" />
<stop offset=".281" stop-color="#fdc70c" />
<stop offset=".669" stop-color="#f3903f" />
<stop offset=".888" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<linearGradient
id="b"
x1="1.038"
x2="41.872"
y1="44.505"
y2="4.521"
href="#a"
/>
<path
fill="url(#a)"
d="m34.7 10.046-16 5A1 1 0 0 0 18 16v11.026A4.948 4.948 0 0 0 15 26a5 5 0 1 0 5 5V16.735l14-4.375v10.666A4.948 4.948 0 0 0 31 22a5 5 0 1 0 5 5V11a1 1 0 0 0-.408-.806.986.986 0 0 0-.892-.148zM15 34a3 3 0 1 1 3-3 3 3 0 0 1-3 3zm16-4a3 3 0 1 1 3-3 3 3 0 0 1-3 3z"
/>
<path
fill="url(#b)"
d="M23 1a22 22 0 1 0 22 22A22.025 22.025 0 0 0 23 1zm0 42a20 20 0 1 1 20-20 20.023 20.023 0 0 1-20 20z"
/>
</svg>
More icons in the same style and category