Add icons to this collection by clicking the heart icon.
Music icon - also known as music, note, key, 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="25.455"
x2="447.544"
y1="463.024"
y2="40.935"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fffcff" stop-opacity="0" />
<stop offset="1" stop-color="#ffdaec" />
</linearGradient>
<linearGradient
id="b"
x1="136.822"
x2="136.822"
y1="466.476"
y2="37.524"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#6582fd" stop-opacity=".6" />
<stop offset=".05" stop-color="#839afd" stop-opacity=".57" />
<stop offset=".116" stop-color="#a4b5fe" stop-opacity=".53" />
<stop offset=".19" stop-color="#c1ccfe" stop-opacity=".486" />
<stop offset=".273" stop-color="#d8dffe" stop-opacity=".436" />
<stop offset=".368" stop-color="#e9edff" stop-opacity=".379" />
<stop offset=".482" stop-color="#f6f8ff" stop-opacity=".31" />
<stop offset=".635" stop-color="#fdfdff" stop-opacity=".218" />
<stop offset=".997" stop-color="#fff" stop-opacity="0" />
</linearGradient>
<path
fill="url(#a)"
d="M502.144 100.869c-38.919-76.055-123.686 5.557-187.683 13.781-38.853 4.993-56.402-41.804-80.45-65.862-28.603-28.615-86.493-37.521-125.527 6.668-43.258 48.971-9.09 153.532-41.702 207.739-29.111 48.39-82.408 97.773-62.395 157.933 53.8 161.723 209.85-26.463 274.435-10.105 23.196 5.875 39.017 30.362 62.631 33.564 66.3 8.991 48.364-73.844 54.8-116.146 12.554-82.513 153.728-134.09 105.891-227.572z"
/>
<path
fill="#2d58df"
d="M457.447 268.498H281.04c-15.837 0-28.723-12.885-28.724-28.722v-6.462c7.092 7.843 17.343 12.779 28.724 12.779h14.797a5 5 0 1 0 0-10H281.04c-15.838 0-28.724-12.885-28.724-28.724v-9.534c0-21.353-17.372-38.724-38.724-38.724h-19.549a5 5 0 0 0 0 10h19.549c15.838 0 28.724 12.885 28.724 28.724v37.01c-7.091-7.845-17.341-12.783-28.724-12.783H73.101v-21.475h105.708a5 5 0 0 0 0-10H73.101v-21.476h41.232a5 5 0 0 0 0-10H30.867a5 5 0 0 0-5 5v126.832a5 5 0 0 0 5 5h182.726c15.838 0 28.724 12.885 28.724 28.724v9.533c0 21.352 17.372 38.724 38.723 38.724h16.797a5 5 0 1 0 0-10H281.04c-15.838 0-28.723-12.885-28.723-28.724v-5.534c7.091 7.845 17.341 12.783 28.723 12.783h43.414a5 5 0 1 0 0-10H281.04c-15.833 0-28.716-12.878-28.723-28.71v-5.548c7.091 7.844 17.341 12.783 28.723 12.783h43.414a5 5 0 1 0 0-10H281.04c-15.835 0-28.72-12.881-28.723-28.716v-5.542c7.091 7.845 17.341 12.783 28.723 12.783h176.407a5 5 0 1 0 0-10.001zm-215.131 30.225c-7.091-7.843-17.342-12.779-28.724-12.779H73.101v-22.406h140.492c15.838 0 28.724 12.885 28.724 28.724v6.461zm0-32.402c-7.091-7.845-17.341-12.783-28.724-12.783H73.101v-21.476h140.492c15.838 0 28.724 12.885 28.724 28.724v5.535z"
/>
<path fill="#6582fd" d="M35.658 285.943V169.111h27.469v116.832z" />
<path
fill="#ff7eb7"
d="M197.02 362.59c16.45-15.69 26.03-36.8 26.97-59.47.66-15.78-5.19-31.31-16.05-42.6-10.6-11.03-24.79-17.03-39.98-17.03-8.53.03-16.54 2.02-23.63 5.58l-10.51-15.08 10.51-28.73c5.42-3.6 11.28-7.29 17.61-11.08 33.76-20.23 51.45-51.34 48.56-85.35-2.65-31.15-22.35-58.25-50.17-69.05-10.31-4-21.94-2.63-31.12 3.65a34.158 34.158 0 0 0-14.88 28.2v118.05c-19.91 14.65-34.74 29.12-44.93 43.77-13.3 19.12-19.4 38.66-19.79 63.38-.36 23.48 8.89 46.64 25.38 63.55 11.07 11.35 24.6 19.3 39.34 23.3l10.3 13.5-10.3 10.5v15.94c0 23.38 18.82 42.45 42.11 42.85 23.97.41 43.6-19.63 43.6-43.6v-16.03c0-2.76-2.24-5-5-5h-20c-2.76 0-5 2.24-5 5v16.41c0 6.91-5.3 12.87-12.21 13.21-7.38.36-13.5-5.53-13.5-12.84v-13.26l-5.44-13.18 5.44-10.82c19.73-1.68 38.2-9.96 52.69-23.77zm-52.69-63.16c0-14.99 9.98-25.9 23.72-25.94 6.87-.04 13.4 2.76 18.27 7.83 5.21 5.41 8.02 12.91 7.7 20.55-.62 14.86-6.91 28.71-17.7 39-8.87 8.46-20.02 13.75-31.99 15.32zm0-227.8c0-1.98 1.28-3.07 1.83-3.44.5-.35 1.21-.68 2.06-.68.39 0 .81.07 1.26.24 16.96 6.58 29.47 24.11 31.13 43.62 2.58 30.34-20.25 48.78-34.09 57.07-.74.45-1.46.88-2.19 1.32zm-27.67 200.3-2.33 19.527v60.463c-6.57-2.92-12.63-7.12-17.87-12.49-10.95-11.23-17.09-26.59-16.85-42.14.36-23.45 7.31-44.67 34.72-69.24l10.21 15.45z"
/>
<path
fill="#ff5ba7"
d="M114.33 407.683a85.579 85.579 0 0 0 22.504 2.989c2.515 0 5.016-.106 7.496-.317v-24a88.425 88.425 0 0 1-8.308.314 85.579 85.579 0 0 1-21.692-2.986z"
/>
<path
fill="#fd2c8e"
d="M114.33 228.052v69.239c0-34.179 30-48.218 30-48.218v-43.811c-12.023 7.985-21.904 15.533-30 22.79z"
/>
<path
fill="#da237a"
d="M144.334 205.258v24c-12.03 7.99-21.91 15.54-30 22.79v-24c8.09-7.25 17.97-14.8 30-22.79z"
/>
<path
fill="#01eba4"
d="M346.598 125.241h-11.949a3.001 3.001 0 0 1-2.997-2.997 5 5 0 1 0-10 0v21.372c0 7.167 5.83 12.997 12.997 12.997h11.949c4.605 0 8.352-3.747 8.352-8.352v-14.668c-.001-4.605-3.747-8.352-8.352-8.352z"
/>
<path
fill="#96ffd1"
d="M318.655 106.987h-18.078a5 5 0 0 0-5 5V168.64a18.882 18.882 0 0 0-9-2.273c-10.477 0-19 8.523-19 19s8.523 19 19 19 19-8.523 19-19v-47.009h13.078a3 3 0 0 1 2.996 2.997 5 5 0 1 0 10 0v-21.372c0-7.166-5.83-12.996-12.996-12.996zM364.602 289.758h-18.078a5 5 0 0 0-5 5V351.411a18.882 18.882 0 0 0-9-2.273c-10.477 0-19 8.523-19 19s8.523 19 19 19 19-8.523 19-19V321.13h13.078a3.001 3.001 0 0 1 2.997 2.997 5 5 0 1 0 10 0v-21.372c0-7.167-5.83-12.997-12.997-12.997z"
/>
<path
fill="#01eba4"
d="M392.545 308.013h-11.95a3 3 0 0 1-2.996-2.997 5 5 0 1 0-10 0v21.372c0 7.167 5.83 12.997 12.996 12.997h11.95c4.605 0 8.352-3.747 8.352-8.352v-14.668c-.001-4.606-3.747-8.352-8.352-8.352zM392.545 151.997h-11.95c-7.166 0-12.996 5.831-12.996 12.997v21.372a5 5 0 1 0 10 0 3 3 0 0 1 2.996-2.997h10.302v26.551a18.882 18.882 0 0 0-9-2.273c-10.477 0-19 8.523-19 19s8.523 19 19 19 19-8.523 19-19v-66.298c-.001-4.605-3.747-8.352-8.352-8.352z"
/>
<path
fill="#96ffd1"
d="M372.599 162.255a5 5 0 0 0-5 5 3.001 3.001 0 0 1-2.997 2.997h-15.078c-4.411 0-8 3.589-8 8v44.54a18.882 18.882 0 0 0-9-2.273c-10.477 0-19 8.523-19 19s8.523 19 19 19 19-8.523 19-19v-37.895h13.078c7.167 0 12.997-5.83 12.997-12.997v-21.372a5 5 0 0 0-5-5z"
/>
<g fill="#2d58df">
<path
d="M463.447 236.092h-49.414a5 5 0 1 0 0 10h49.414a5 5 0 1 0 0-10zM430.83 362.924h-62.797a5 5 0 1 0 0 10h62.797a5 5 0 1 0 0-10zM445.447 331.448h-29.414a5 5 0 1 0 0 10h29.414a5 5 0 1 0 0-10zM451.447 299.973h-35.414a5 5 0 1 0 0 10h35.414a5 5 0 1 0 0-10z"
/>
</g>
<circle cx="467.133" cy="367.924" r="14" fill="#01eba4" />
<circle cx="213.869" cy="196.623" r="14" fill="#01eba4" />
<path
fill="#01eba4"
d="M305.714 78.598c-7.175 0-13.012-5.837-13.012-13.012s5.837-13.012 13.012-13.012 13.013 5.837 13.013 13.012-5.838 13.012-13.013 13.012zm0-16.024c-1.661 0-3.012 1.351-3.012 3.012s1.351 3.012 3.012 3.012 3.013-1.351 3.013-3.012-1.352-3.012-3.013-3.012z"
/>
<path
fill="#ff7eb7"
d="M438.74 199.377c-7.175 0-13.012-5.837-13.012-13.012s5.837-13.012 13.012-13.012 13.012 5.837 13.012 13.012-5.837 13.012-13.012 13.012zm0-16.023c-1.661 0-3.012 1.351-3.012 3.012s1.351 3.012 3.012 3.012 3.012-1.351 3.012-3.012-1.351-3.012-3.012-3.012z"
/>
<path
fill="#8298fd"
d="M300.577 426.167c-7.175 0-13.012-5.837-13.012-13.012s5.837-13.012 13.012-13.012 13.012 5.837 13.012 13.012-5.837 13.012-13.012 13.012zm0-16.023c-1.661 0-3.012 1.351-3.012 3.012s1.351 3.012 3.012 3.012 3.012-1.351 3.012-3.012-1.351-3.012-3.012-3.012zM57.601 137.744a5 5 0 0 1-5-5c0-3.033-2.467-5.5-5.5-5.5a5 5 0 0 1 0-10c3.033 0 5.5-2.467 5.5-5.5a5 5 0 0 1 10 0c0 3.033 2.467 5.5 5.5 5.5a5 5 0 0 1 0 10 5.506 5.506 0 0 0-5.5 5.5 5 5 0 0 1-5 5z"
/>
<path
fill="#01eba4"
d="M247.317 447.324a5 5 0 0 1-5-5c0-3.033-2.467-5.5-5.5-5.5a5 5 0 0 1 0-10c3.033 0 5.5-2.467 5.5-5.5a5 5 0 0 1 10 0c0 3.033 2.467 5.5 5.5 5.5a5 5 0 1 1 0 10 5.506 5.506 0 0 0-5.5 5.5 5 5 0 0 1-5 5z"
/>
<path
fill="url(#b)"
d="M197.018 362.586c16.45-15.681 26.03-36.799 26.976-59.463.658-15.787-5.191-31.314-16.049-42.601-10.607-11.026-24.791-17.032-39.985-17.029-8.529.025-16.537 2.021-23.629 5.581v-43.811a448.834 448.834 0 0 1 17.61-11.084c33.755-20.231 51.455-51.34 48.559-85.349-2.652-31.15-22.345-58.252-50.168-69.045-10.307-3.998-21.939-2.634-31.118 3.65a34.16 34.16 0 0 0-14.883 28.193v118.057c-19.912 14.65-34.741 29.113-44.934 43.765-13.299 19.117-19.401 38.663-19.785 63.377-.365 23.486 8.884 46.649 25.375 63.552 11.075 11.352 24.605 19.299 39.343 23.306l.003 39.941c0 23.38 18.82 42.446 42.106 42.846 23.975.411 43.597-19.626 43.597-43.605v-16.026a5 5 0 0 0-5-5h-20a5 5 0 0 0-5 5v16.413c0 6.912-5.3 12.868-12.204 13.208-7.379.364-13.5-5.535-13.5-12.836l-.003-37.269c19.734-1.679 38.198-9.957 52.689-23.771zM144.33 71.627c0-1.973 1.28-3.062 1.831-3.439.502-.344 1.21-.679 2.062-.679.391 0 .812.071 1.258.244 16.957 6.578 29.465 24.108 31.127 43.622 2.583 30.332-20.25 48.776-34.09 57.071-.734.44-1.461.878-2.187 1.318V71.627zm0 227.806c0-14.99 9.975-25.9 23.719-25.941 6.871-.039 13.4 2.759 18.275 7.827 5.209 5.415 8.014 12.906 7.694 20.552-.619 14.858-6.906 28.709-17.701 39-8.873 8.458-20.014 13.752-31.988 15.315v-56.753zm-30 52.486c-6.574-2.915-12.632-7.123-17.871-12.492-10.951-11.224-17.093-26.582-16.852-42.136.365-23.456 7.311-44.671 34.723-69.239z"
/>
</svg>
More icons in the same style and category