Add icons to this collection by clicking the heart icon.
Music icon - also known as music, musical, list, quaver, music note, squares, ui, and music notes. Created in a clean blue style with a silver finish, 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"
>
<path d="M8.533 42.667H76.8v426.667H8.533z" fill="#7facfa" />
<path
d="M17.067 42.667H51.2v426.667H17.067zM76.8 42.667h426.667v426.667H76.8z"
fill="#a4c2f7"
/>
<linearGradient
id="a"
x1="-48.897"
x2="-47.853"
y1="652.654"
y2="651.694"
gradientTransform="matrix(392.5334 0 0 -426.6667 19270.467 278517.031)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d4e1f4" />
<stop offset=".172" stop-color="#d4e1f4" />
<stop offset=".2" stop-color="#d4e1f4" />
<stop offset=".2" stop-color="#dae4f4" />
<stop offset=".201" stop-color="#ebebf4" />
<stop offset=".201" stop-color="#f6f1f4" />
<stop offset=".202" stop-color="#fdf4f4" />
<stop offset=".205" stop-color="#fff5f4" />
<stop offset=".252" stop-color="#fff5f4" />
<stop offset=".26" stop-color="#fff5f4" />
<stop offset=".26" stop-color="#d4e1f4" />
<stop offset=".397" stop-color="#d4e1f4" />
<stop offset=".42" stop-color="#d4e1f4" />
<stop offset=".42" stop-color="#dae4f4" />
<stop offset=".421" stop-color="#ebebf4" />
<stop offset=".421" stop-color="#f6f1f4" />
<stop offset=".422" stop-color="#fdf4f4" />
<stop offset=".425" stop-color="#fff5f4" />
<stop offset=".489" stop-color="#fff5f4" />
<stop offset=".5" stop-color="#fff5f4" />
<stop offset=".5" stop-color="#f9f2f4" />
<stop offset=".5" stop-color="#e8ebf4" />
<stop offset=".5" stop-color="#dde5f4" />
<stop offset=".5" stop-color="#d6e2f4" />
<stop offset=".501" stop-color="#d4e1f4" />
<stop offset=".706" stop-color="#d4e1f4" />
<stop offset=".74" stop-color="#d4e1f4" />
<stop offset=".741" stop-color="#fff5f4" />
<stop offset=".835" stop-color="#fff5f4" />
<stop offset=".85" stop-color="#fff5f4" />
<stop offset=".851" stop-color="#d4e1f4" />
</linearGradient>
<path d="M85.333 42.667h392.533v426.667H85.333z" fill="url(#a)" />
<path
d="m392.533 170.667-162.133 25.6v-51.2l162.133-25.6z"
fill="#7facfa"
/>
<path
d="m366.933 170.667-136.533 25.6v-51.2l136.533-25.6z"
fill="#a4c2f7"
/>
<ellipse cx="345.6" cy="298.667" rx="46.933" ry="42.667" fill="#7facfa" />
<ellipse cx="183.467" cy="349.867" rx="46.933" ry="42.667" fill="#7facfa" />
<ellipse cx="332.8" cy="298.667" rx="34.133" ry="42.667" fill="#a4c2f7" />
<ellipse cx="170.667" cy="349.867" rx="34.133" ry="42.667" fill="#a4c2f7" />
<path
d="M503.467 477.867H76.8a8.525 8.525 0 0 1-8.533-8.533V42.667a8.525 8.525 0 0 1 8.533-8.533h426.667A8.525 8.525 0 0 1 512 42.667v426.667a8.525 8.525 0 0 1-8.533 8.533zM85.333 460.8h409.6V51.2h-409.6v409.6z"
fill="#428dff"
/>
<path
d="M76.8 477.867H8.533A8.525 8.525 0 0 1 0 469.334V42.667a8.525 8.525 0 0 1 8.533-8.533H76.8a8.525 8.525 0 0 1 8.533 8.533v426.667a8.525 8.525 0 0 1-8.533 8.533zM17.067 460.8h51.2V51.2h-51.2v409.6zM230.4 204.8a8.544 8.544 0 0 1-8.533-8.533v-51.2a8.528 8.528 0 0 1 7.2-8.425l162.133-25.6a8.42 8.42 0 0 1 6.875 1.942 8.518 8.518 0 0 1 2.992 6.483v51.2a8.528 8.528 0 0 1-7.2 8.425l-162.133 25.6a8.056 8.056 0 0 1-1.334.108zm8.533-52.442v33.925L384 163.375V129.45l-145.067 22.908z"
fill="#428dff"
/>
<path
d="M230.4 359.267a8.525 8.525 0 0 1-8.533-8.533V173.108a8.533 8.533 0 0 1 17.066 0v177.625a8.526 8.526 0 0 1-8.533 8.534zM392.533 307.2a8.525 8.525 0 0 1-8.533-8.533V128a8.533 8.533 0 0 1 17.066 0v170.667a8.525 8.525 0 0 1-8.533 8.533z"
fill="#428dff"
/>
<path
d="M345.6 349.867c-29.425 1.097-54.21-21.781-55.467-51.2 1.257-29.419 26.042-52.297 55.467-51.2 29.425-1.097 54.21 21.781 55.467 51.2-1.257 29.418-26.042 52.296-55.467 51.2zm0-85.334c-19.997-1.086-37.134 14.146-38.4 34.133 1.266 19.987 18.403 35.219 38.4 34.133 19.997 1.086 37.134-14.146 38.4-34.133-1.266-19.986-18.403-35.219-38.4-34.133zM183.467 401.067c-29.425 1.097-54.21-21.781-55.467-51.2 1.257-29.419 26.042-52.297 55.467-51.2 29.425-1.097 54.21 21.781 55.467 51.2-1.258 29.418-26.042 52.296-55.467 51.2zm0-85.334c-19.997-1.086-37.134 14.146-38.4 34.133 1.266 19.987 18.403 35.219 38.4 34.133 19.997 1.086 37.134-14.146 38.4-34.133-1.266-19.986-18.403-35.219-38.4-34.133z"
fill="#428dff"
/>
</svg>
More icons in the same style and category