Add icons to this collection by clicking the heart icon.
Music icon - also known as interface, music, song, 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="100"
height="100"
viewBox="0 0 512 512"
>
<linearGradient
id="a"
x1="74.981"
x2="437.019"
y1="439.019"
y2="76.981"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffd400" />
<stop offset="1" stop-color="#ff9f00" />
</linearGradient>
<circle cx="256" cy="256" r="256" fill="url(#a)" />
<linearGradient
id="b"
x1="211.48"
x2="384.4"
y1="217.204"
y2="217.204"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00c0f1" />
<stop offset="1" stop-color="#0080af" />
</linearGradient>
<path d="M212.904 236.81v131.927h17.231V224.854h-8.285z" fill="url(#b)" />
<linearGradient
id="c"
x1="211.48"
x2="384.4"
y1="267.774"
y2="267.774"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00c0f1" />
<stop offset="1" stop-color="#0080af" />
</linearGradient>
<path d="M367.988 317.042h17.231V179.368l-17.231-3.959z" fill="url(#c)" />
<linearGradient
id="d"
x1="162.98"
x2="396.5"
y1="341.128"
y2="341.128"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#25d9f8" />
<stop offset="1" stop-color="#0095ff" />
</linearGradient>
<path
d="M299.061 138.178v.172l-86.158 28.605v69.788l86.158-28.605 86.158-28.776V109l-86.158 29.178z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="162.98"
x2="396.5"
y1="145.263"
y2="145.263"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#25d9f8" />
<stop offset="1" stop-color="#0095ff" />
</linearGradient>
<path
d="M178.441 403.2c-28.986 0-51.695-15.137-51.695-34.463s22.709-34.463 51.695-34.463 51.695 15.137 51.695 34.463-22.71 34.463-51.695 34.463z"
fill="url(#e)"
/>
<linearGradient
id="f"
x1="162.98"
x2="396.5"
y1="196.958"
y2="196.958"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#25d9f8" />
<stop offset="1" stop-color="#0095ff" />
</linearGradient>
<path
d="M333.525 282.579c-13.441 0-25.33 3.274-34.463 8.616-10.684 6.203-17.232 15.508-17.232 25.847s6.548 19.644 17.232 25.847c9.133 5.342 21.022 8.616 34.463 8.616 28.949 0 51.695-15.164 51.695-34.463-.001-19.299-22.747-34.463-51.695-34.463z"
fill="url(#f)"
/>
</svg>
More icons in the same style and category