Add icons to this collection by clicking the heart icon.
Music icon - also known as music, song, heart, love, romantic, musical note, 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="512"
height="512"
viewBox="0 0 512 512"
>
<linearGradient
id="a"
x1="-118.419"
x2="264.742"
y1="138.981"
y2="648.666"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fec194" />
<stop offset="1" stop-color="#ff0061" />
</linearGradient>
<linearGradient
id="b"
x1="93.093"
x2="476.254"
y1="-20.025"
y2="489.661"
href="#a"
/>
<linearGradient
id="c"
x1="34.572"
x2="417.733"
y1="23.969"
y2="533.654"
href="#a"
/>
<linearGradient
id="d"
x1="-2.881"
x2="380.281"
y1="52.124"
y2="561.809"
href="#a"
/>
<g>
<path
fill="url(#a)"
d="M83.902 404.173a56.437 56.437 0 0 1-.498-7.436c0-.61.01-1.211.028-1.82a6 6 0 0 0-11.995-.36 73.66 73.66 0 0 0-.033 2.18 68.5 68.5 0 0 0 .603 9.023 6 6 0 1 0 11.895-1.587z"
/>
<path
fill="url(#b)"
d="M489.425 40.77a46.515 46.515 0 0 0-36.504-9.452l-196.79 32.68a46.315 46.315 0 0 0-38.857 45.84v207.96a132.024 132.024 0 0 0-38.65-5.651c-46.947 0-88.016 23.661-102.196 58.879a6 6 0 1 0 11.132 4.481c12.175-30.24 49.623-51.36 91.064-51.36a118.545 118.545 0 0 1 42.507 7.654 6 6 0 0 0 8.143-5.604v-216.36a34.354 34.354 0 0 1 28.823-34.001l196.79-32.68a34.048 34.048 0 0 1 27.071 7.008 34.492 34.492 0 0 1 12.968 24.771 5.943 5.943 0 0 0 .078.651v239.731c0 40.02-42.716 72.58-95.22 72.58s-95.22-32.56-95.22-72.58 42.715-72.58 95.22-72.58a118.534 118.534 0 0 1 42.507 7.645 6 6 0 0 0 8.143-5.605v-114.89a6 6 0 0 0-6.983-5.919l-164.59 27.35a6 6 0 0 0-5.017 5.92v239.5c0 40.02-42.715 72.58-95.22 72.58-39.13 0-73.837-17.931-88.418-45.682a6 6 0 1 0-10.623 5.582c16.63 31.649 55.506 52.1 99.041 52.1 59.121 0 107.22-37.943 107.22-84.58V162.321l152.59-25.356v99.412a132.11 132.11 0 0 0-38.65-5.641c-59.12 0-107.22 37.942-107.22 84.58s48.099 84.58 107.22 84.58 107.22-37.942 107.22-84.58V74.557a5.86 5.86 0 0 0-.182-1.452 46.526 46.526 0 0 0-17.397-32.335z"
/>
<path
fill="url(#c)"
d="M97.475 209.995a23.225 23.225 0 0 0 16.458-6.794l62.113-61.995a47.465 47.465 0 1 0-67.125-67.126L98.102 84.899a.888.888 0 0 1-1.255 0L86.027 74.08a47.465 47.465 0 1 0-67.12 67.13l62.108 61.991a23.227 23.227 0 0 0 16.46 6.794zM17 107.643a35.465 35.465 0 0 1 60.542-25.077l10.82 10.819a12.904 12.904 0 0 0 18.225 0l10.82-10.82a35.465 35.465 0 0 1 50.158 50.151l-62.11 61.992a11.316 11.316 0 0 1-15.962 0L27.388 132.72A35.23 35.23 0 0 1 17 107.643z"
/>
<path
fill="url(#d)"
d="m141.095 219.871-3.627 3.627-3.627-3.627a26.798 26.798 0 1 0-37.894 37.903l31.153 31.093a14.699 14.699 0 0 0 20.736 0l31.158-31.097a26.798 26.798 0 1 0-37.899-37.898zm33.748 18.949a14.696 14.696 0 0 1-4.33 10.46l-31.154 31.094a2.68 2.68 0 0 1-3.781 0l-31.15-31.09a14.798 14.798 0 1 1 20.928-20.928l5.427 5.427a9.455 9.455 0 0 0 13.37 0l5.428-5.427a14.798 14.798 0 0 1 25.262 10.464z"
/>
</g>
</svg>
More icons in the same style and category