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 lineal color 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="461.379"
y2="39.29"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fffcff" stop-opacity="0" />
<stop offset="1" stop-color="#ffdaec" />
</linearGradient>
<path
d="M502.144 99.224c-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.514 153.728-134.09 105.891-227.572z"
fill="url(#a)"
/>
<g opacity=".1">
<path
d="M297.837 385.278H281.04c-15.838 0-28.723-12.885-28.723-28.724v-5.535c7.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-10H281.04c-15.837 0-28.723-12.885-28.724-28.722v-6.463c7.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-15.077c9.292-15.169 13.513-32.321 11.984-50.283-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.193v87.485H30.867a5 5 0 0 0-5 5v126.832a5 5 0 0 0 5 5h18.772c-.006.296-.022.584-.027.882-.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.732-1.677 38.197-9.956 52.688-23.77 16.45-15.681 26.03-36.799 26.976-59.463.073-1.75.053-3.496-.032-5.235 10.727 4.168 18.355 14.596 18.355 26.779v9.533c0 21.352 17.372 38.724 38.723 38.724h16.797a5 5 0 0 0 .001-9.998zm-111.513-81.604a27.141 27.141 0 0 1 3.565 4.624h-42.4c3.989-7.611 11.443-12.424 20.56-12.451 6.871-.039 13.4 2.759 18.275 7.827zm-71.994 4.624H80.38c.953-7.546 2.871-14.948 6.248-22.406h27.702v22.406zm-4.315-53.882h4.316v21.476H92.049c4.417-6.981 10.274-14.087 17.966-21.476zm-31.722-10h-4.957v-21.475h27.073c-8.557 7.166-15.907 14.31-22.116 21.475zm121.517 31.476c-9.273-6.547-20.265-10.047-31.851-10.045-8.529.025-16.537 2.021-23.629 5.581v-17.011h69.262c15.838 0 28.724 12.885 28.724 28.724v5.535c-7.091-7.845-17.341-12.783-28.724-12.783H199.81zm-7.972-84.96c.668.331 1.41.534 2.205.534h19.549c15.838 0 28.724 12.885 28.724 28.724v37.01c-7.091-7.845-17.341-12.783-28.724-12.783H144.33v-16.8a412 412 0 0 1 7.218-4.675h27.261a5 5 0 0 0 0-10h-11.228c9.61-6.463 17.733-13.874 24.257-22.01zM144.33 93.981c0-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.318V93.981zm-30 118.057c-.41.301-.804.602-1.209.904H73.336v-21.476h40.994v20.572zM96.46 361.781c-10.951-11.224-17.093-26.582-16.852-42.136.007-.451.021-.899.033-1.348h34.69v55.975c-6.574-2.914-12.633-7.122-17.871-12.491zm97.559-37.555c-.619 14.858-6.906 28.709-17.701 39-8.873 8.458-20.014 13.752-31.988 15.315v-56.753c0-1.191.07-2.354.193-3.49h49.114c.33 1.943.465 3.93.382 5.928zm28.355-14.913c-2.085-8.578-6.091-16.623-11.753-23.421h2.971c15.838 0 28.724 12.885 28.724 28.724v6.461a38.746 38.746 0 0 0-19.942-11.764z"
fill="#2626bc"
/>
<path
d="M291.577 221.722c7.732 0 14-6.268 14-14v-52.009h13.078a7.997 7.997 0 0 1 7.997 7.997v2.261a7.997 7.997 0 0 0 7.997 7.997h11.949a3.352 3.352 0 0 0 3.352-3.352v-20.668a3.352 3.352 0 0 0-3.352-3.352h-11.949a7.997 7.997 0 0 1-7.997-7.997v-2.261a7.997 7.997 0 0 0-7.997-7.997h-18.078c-2.761 0-5 1.608-5 4.369v61.599a13.975 13.975 0 0 0-4-.588c-7.732 0-14 6.268-14 14 0 7.733 6.268 14.001 14 14.001zM364.602 338.485a7.997 7.997 0 0 1 7.997 7.997v2.261a7.997 7.997 0 0 0 7.997 7.997h11.949a3.352 3.352 0 0 0 3.352-3.352V332.72a3.352 3.352 0 0 0-3.352-3.352h-11.949a7.997 7.997 0 0 1-7.997-7.997v-2.261a7.997 7.997 0 0 0-7.997-7.997h-18.078a5 5 0 0 0-5 5v60.968a13.975 13.975 0 0 0-4-.587c-7.732 0-14 6.268-14 14s6.268 14 14 14 14-6.268 14-14v-52.009h13.078zM341.523 196.606v51.854a13.975 13.975 0 0 0-4-.588c-7.732 0-14 6.268-14 14s6.268 14 14 14 14-6.268 14-14v-42.895h13.078a7.997 7.997 0 0 0 7.997-7.997v-2.261a7.997 7.997 0 0 1 7.997-7.997h10.301v34.865a13.975 13.975 0 0 0-4-.587c-7.732 0-14 6.268-14 14s6.268 14 14 14 14-6.268 14-14v-70.65a5 5 0 0 0-5-5h-15.301a7.997 7.997 0 0 0-7.997 7.997v2.261a7.997 7.997 0 0 1-7.997 7.997h-18.078c-2.761.001-5 2.24-5 5.001zM414.033 268.447h49.414a5 5 0 1 0 0-10h-49.414a5 5 0 1 0 0 10zM430.83 385.278h-62.797a5 5 0 1 0 0 10h62.797a5 5 0 1 0 0-10zM445.447 353.803h-29.414a5 5 0 1 0 0 10h29.414a5 5 0 1 0 0-10zM456.447 327.328a5 5 0 0 0-5-5h-35.414a5 5 0 1 0 0 10h35.414a5 5 0 0 0 5-5z"
fill="#2626bc"
/>
<circle cx="467.134" cy="390.278" r="14" fill="#2626bc" />
<circle cx="213.87" cy="218.978" r="14" fill="#2626bc" />
</g>
<path
d="M194.043 162.466h19.55c18.625 0 33.724 15.099 33.724 33.724v126.832c0-18.625-15.099-33.724-33.724-33.724H30.867V162.466h83.467M30.867 193.941h147.942"
fill="none"
stroke="#2626bc"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M30.867 225.417h182.726c18.625 0 33.724 15.099 33.724 33.724M30.867 256.892h182.726c18.625 0 33.724 15.099 33.724 33.724"
fill="none"
stroke="#2626bc"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M297.837 366.278H281.04c-18.625 0-33.724-15.099-33.724-33.724V205.722c0 18.625 15.099 33.724 33.724 33.724h14.797"
fill="none"
stroke="#2626bc"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M324.454 334.803H281.04c-18.625 0-33.724-15.099-33.724-33.724M324.454 303.328H281.04c-18.625 0-33.724-15.099-33.724-33.724"
fill="none"
stroke="#2626bc"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path d="M30.867 162.466h37.469v126.832H30.867z" fill="#6582fd" />
<path
d="M30.867 162.466h37.469v126.832H30.867z"
fill="none"
stroke="#2626bc"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M197.018 360.94c16.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.678 38.198-9.957 52.689-23.771zM144.33 69.981c0-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.318V69.981zm0 227.807c0-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.485c-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.239v123.867z"
fill="#ff7eb7"
/>
<path
d="M114.33 406.038a85.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.986v24z"
fill="#ff5ba7"
/>
<path
d="M114.33 226.406v69.239c0-34.179 30-48.218 30-48.218v-43.811c-12.023 7.985-21.904 15.534-30 22.79z"
fill="#fd2c8e"
/>
<path
d="M144.334 203.612v24c-12.03 7.99-21.91 15.54-30 22.79v-24c8.09-7.25 17.97-14.8 30-22.79z"
fill="#da237a"
/>
<path
d="M114.33 188.038c8.958-6.591 18.944-13.219 30-19.92M144.33 384.71a88.425 88.425 0 0 1-8.308.314 85.579 85.579 0 0 1-21.692-2.986M114.33 350.273a55.316 55.316 0 0 0 21.965 4.752c2.708.03 5.393-.13 8.036-.474M144.33 203.616c-12.024 7.985-21.904 15.534-30 22.79M144.33 247.427s-30 14.039-30 48.218"
fill="none"
stroke="#2626bc"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M144.33 69.981c0-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.318V69.981zm-30 280.292c-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.239v123.867zm79.689-50.047c-.619 14.858-6.906 28.709-17.701 39-8.873 8.458-20.014 13.752-31.988 15.315v-56.753c0-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.695 20.552z"
fill="none"
stroke="#2626bc"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<circle cx="286.577" cy="183.722" r="14" fill="#01eba4" />
<circle
cx="286.577"
cy="183.722"
r="14"
fill="none"
stroke="#2626bc"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M300.577 183.722V114.71"
fill="none"
stroke="#2626bc"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M318.655 110.341h-18.078v21.372h18.078a7.997 7.997 0 0 1 7.997 7.997v-21.372a7.998 7.998 0 0 0-7.997-7.997z"
fill="#96ffd1"
/>
<path
d="M349.95 131.948a3.352 3.352 0 0 0-3.352-3.352h-11.949a7.997 7.997 0 0 1-7.997-7.997v21.372a7.997 7.997 0 0 0 7.997 7.997h11.949a3.352 3.352 0 0 0 3.352-3.352v-14.668z"
fill="#01eba4"
/>
<path
d="M318.655 110.341h-18.078v21.372h18.078a7.997 7.997 0 0 1 7.997 7.997v-21.372a7.998 7.998 0 0 0-7.997-7.997zM349.95 131.948a3.352 3.352 0 0 0-3.352-3.352h-11.949a7.997 7.997 0 0 1-7.997-7.997v21.372a7.997 7.997 0 0 0 7.997 7.997h11.949a3.352 3.352 0 0 0 3.352-3.352v-14.668z"
fill="none"
stroke="#2626bc"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<circle cx="332.523" cy="366.493" r="14" fill="#01eba4" />
<circle
cx="332.523"
cy="366.493"
r="14"
fill="none"
stroke="#2626bc"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M346.523 366.493v-69.011"
fill="none"
stroke="#2626bc"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M364.602 293.113h-18.078v21.372h18.078a7.997 7.997 0 0 1 7.997 7.997V301.11a7.998 7.998 0 0 0-7.997-7.997z"
fill="#96ffd1"
/>
<path
d="M395.896 314.719a3.352 3.352 0 0 0-3.352-3.352h-11.949a7.997 7.997 0 0 1-7.997-7.997v21.372a7.997 7.997 0 0 0 7.997 7.997h11.949a3.352 3.352 0 0 0 3.352-3.352v-14.668z"
fill="#01eba4"
/>
<path
d="M364.602 293.113h-18.078v21.372h18.078a7.997 7.997 0 0 1 7.997 7.997V301.11a7.998 7.998 0 0 0-7.997-7.997z"
fill="none"
stroke="#2626bc"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M395.896 314.719a3.352 3.352 0 0 0-3.352-3.352h-11.949a7.997 7.997 0 0 1-7.997-7.997v21.372a7.997 7.997 0 0 0 7.997 7.997h11.949a3.352 3.352 0 0 0 3.352-3.352v-14.668z"
fill="none"
stroke="#2626bc"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<circle cx="332.523" cy="237.873" r="14" fill="#01eba4" />
<circle
cx="332.523"
cy="237.873"
r="14"
fill="none"
stroke="#2626bc"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M346.523 237.873v-61.012"
fill="none"
stroke="#2626bc"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<circle cx="381.896" cy="225.001" r="14" fill="#01eba4" />
<circle
cx="381.896"
cy="225.001"
r="14"
fill="none"
stroke="#2626bc"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M395.896 225.001v-56.614"
fill="none"
stroke="#2626bc"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M364.602 194.978h-18.078v-18.372a3 3 0 0 1 3-3h15.078a7.997 7.997 0 0 0 7.997-7.997v21.372a7.998 7.998 0 0 1-7.997 7.997z"
fill="#96ffd1"
/>
<path
d="M395.896 173.372a3.352 3.352 0 0 1-3.352 3.352h-11.949a7.997 7.997 0 0 0-7.997 7.997v-21.372a7.997 7.997 0 0 1 7.997-7.997h11.949a3.352 3.352 0 0 1 3.352 3.352v14.668z"
fill="#01eba4"
/>
<path
d="M364.602 194.978h-18.078v-18.372a3 3 0 0 1 3-3h15.078a7.997 7.997 0 0 0 7.997-7.997v21.372a7.998 7.998 0 0 1-7.997 7.997z"
fill="none"
stroke="#2626bc"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M395.896 173.372a3.352 3.352 0 0 1-3.352 3.352h-11.949a7.997 7.997 0 0 0-7.997 7.997v-21.372a7.997 7.997 0 0 1 7.997-7.997h11.949a3.352 3.352 0 0 1 3.352 3.352v14.668zM414.033 239.447h49.414M430.83 366.278l-62.797.001M445.447 334.803h-29.414M451.447 303.328h-35.414M457.447 271.852H281.04c-18.625 0-33.724-15.099-33.724-33.724"
fill="none"
stroke="#2626bc"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<circle cx="467.133" cy="366.278" r="14" fill="#01eba4" />
<circle
cx="467.133"
cy="366.278"
r="14"
fill="none"
stroke="#2626bc"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M114.33 133.751v54.287c-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.269a86.567 86.567 0 0 0 40.548-14.099m20.798-19.226c11.133-14.252 17.554-31.573 18.319-49.908.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.193v35.387m30-35.388c0-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.318V69.981zm0 227.807c0-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.485c-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.239v123.867z"
fill="none"
stroke="#2626bc"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<circle cx="213.869" cy="194.978" r="14" fill="#01eba4" />
<circle
cx="213.869"
cy="194.978"
r="14"
fill="none"
stroke="#2626bc"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<circle
cx="305.714"
cy="63.941"
r="8.012"
fill="none"
stroke="#01eba4"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<circle
cx="438.74"
cy="184.72"
r="8.012"
fill="none"
stroke="#ff7eb7"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<circle
cx="300.577"
cy="411.51"
r="8.012"
fill="none"
stroke="#8298fd"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<circle
cx="57.601"
cy="120.599"
r="10.5"
fill="none"
stroke="#8298fd"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<circle
cx="247.317"
cy="430.179"
r="10.5"
fill="none"
stroke="#01eba4"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
</svg>
More icons in the same style and category