Add icons to this collection by clicking the heart icon.
Music icon - also known as interface, click, music, song, quaver, 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 512 512"
>
<linearGradient
id="a"
x1="400.91"
x2="115.34"
y1="520.28"
y2="-.64"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00ffa9" />
<stop offset=".15" stop-color="#02eab3" />
<stop offset=".47" stop-color="#06b3ce" />
<stop offset=".93" stop-color="#0c5cf8" />
<stop offset="1" stop-color="#0d4dff" />
</linearGradient>
<linearGradient
id="b"
x1="256.62"
x2="-28.94"
y1="599.37"
y2="78.46"
href="#a"
/>
<linearGradient
id="c"
x1="405.19"
x2="119.62"
y1="517.93"
y2="-2.99"
href="#a"
/>
<linearGradient
id="d"
x1="459.03"
x2="173.47"
y1="488.41"
y2="-32.51"
href="#a"
/>
<g>
<path
fill="url(#a)"
d="M251.12 5A241.84 241.84 0 0 0 28.48 152a6 6 0 1 0 11 4.72A229.87 229.87 0 0 1 251.12 17C378 17 481.18 120.2 481.18 247.05a228 228 0 0 1-42.29 133l-28.66-23.35a26.71 26.71 0 0 0-43.05 26l11.28 56a228.71 228.71 0 0 1-127.34 38.42c-126.85 0-230-103.2-230-230.06a232.09 232.09 0 0 1 4.36-44.78A6 6 0 0 0 13.66 200a243.38 243.38 0 0 0-4.59 47.1 242.08 242.08 0 0 0 379.47 199.3 6 6 0 0 0 2.47-6.12l-12.07-59.9A14.71 14.71 0 0 1 402.65 366l33.56 27.31a6 6 0 0 0 8.59-1.05A242.07 242.07 0 0 0 251.12 5z"
/>
<path
fill="url(#b)"
d="M22.42 188a6 6 0 0 0 7.43-4.11c.89-3.09 1.8-6 2.7-8.78a6 6 0 1 0-11.4-3.76c-.95 2.88-1.9 6-2.83 9.22a6 6 0 0 0 4.1 7.43z"
/>
<path
fill="url(#c)"
d="M251.27 335v-45.7c3.3 28 33 49.92 68.94 49.92 38.18 0 69.25-24.72 69.25-55.11V133.68a6 6 0 0 0-.14-1.28 31.27 31.27 0 0 0-36.27-27.95l-123 20.41a31.19 31.19 0 0 0-26.16 30.87v126a.73.73 0 0 1-.3.61.63.63 0 0 1-.58.13 85.88 85.88 0 0 0-21-2.57c-38.18 0-69.24 24.71-69.24 55.1s31.06 55.1 69.24 55.1 69.26-24.73 69.26-55.1zm-126.48 0c0-23.77 25.68-43.1 57.24-43.1a73.89 73.89 0 0 1 18.09 2.21 12.74 12.74 0 0 0 15.81-12.38v-126a19.23 19.23 0 0 1 16.13-19l123-20.41a19 19 0 0 1 15.15 3.92 19.26 19.26 0 0 1 7.25 13.85v150.02c0 23.77-25.68 43.11-57.25 43.11S263 307.88 263 284.11 288.65 241 320.21 241a73.89 73.89 0 0 1 18.09 2.22 12.74 12.74 0 0 0 15.81-12.38v-54.62a12.77 12.77 0 0 0-14.84-12.58l-89.33 14.84a12.72 12.72 0 0 0-10.67 12.58V335c0 23.76-25.67 43.1-57.24 43.1s-57.24-19.35-57.24-43.1zm126.48-56.07v-87.87a.75.75 0 0 1 .63-.74l89.33-14.84h.14a.76.76 0 0 1 .48.18.73.73 0 0 1 .26.57v54.63a.73.73 0 0 1-.3.61.61.61 0 0 1-.57.13 86 86 0 0 0-21-2.58c-36.01-.02-65.67 21.98-68.97 49.9z"
/>
<path
fill="url(#d)"
d="m495 425.72-84.8-69a26.71 26.71 0 0 0-43.05 26l21.59 107.18a21.1 21.1 0 0 0 17.91 16.9 21.79 21.79 0 0 0 3.11.22 21 21 0 0 0 18.79-11.47l8.16-15.63a30.35 30.35 0 0 1 27-16.39h.11l17.63.07A21.32 21.32 0 0 0 495 425.72zm-4.68 19.67a9.11 9.11 0 0 1-8.81 6.19l-17.63-.07h-.15a42.32 42.32 0 0 0-37.66 22.84L417.94 490a9.32 9.32 0 0 1-17.4-2.47l-21.6-107.18a14.42 14.42 0 0 1 6.82-15.51 15.19 15.19 0 0 1 7.75-2.18 14.25 14.25 0 0 1 9.15 3.37l84.8 69a9.11 9.11 0 0 1 2.89 10.36z"
/>
</g>
</svg>
More icons in the same style and category