Add icons to this collection by clicking the heart icon.
Music icon - also known as music, song, music album, playlist, music and multimedia, and music application. Created in a clean outline gradient style with a gray and black 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="512"
height="512"
viewBox="0 0 100 100"
>
<symbol id="b" viewBox="-0.089 -99.999 100.088 100.088">
<g opacity=".4">
<path
fill="none"
stroke="#000"
stroke-miterlimit="10"
stroke-width=".25"
d="M49.911 0v-99.911M99.911-49.911H0M99.842-33.911H-.069M99.842-65.911H-.069M65.911-99.822V.089M33.911-99.842V.069M99.911.001 0-99.911M0 .001l99.911-99.912M49.957-28.81c-11.678 0-21.146-9.466-21.146-21.145 0-11.677 9.468-21.145 21.146-21.145 11.677 0 21.145 9.468 21.145 21.145 0 11.678-9.468 21.145-21.145 21.145z"
clip-path="url(#a)"
/>
<path
fill="none"
stroke="#000"
stroke-miterlimit="10"
stroke-width=".25"
d="M49.911-8.956c-22.647 0-40.977-18.332-40.977-40.977 0-22.646 18.33-40.978 40.977-40.978 22.646 0 40.978 18.332 40.978 40.978 0 22.645-18.332 40.977-40.978 40.977z"
clip-path="url(#a)"
/>
<path
fill="none"
stroke="#000"
stroke-miterlimit="10"
stroke-width=".25"
d="M78.69-12.911H21.133a8.22 8.22 0 0 1-8.223-8.222V-78.69a8.22 8.22 0 0 1 8.223-8.222h57.555a8.22 8.22 0 0 1 8.222 8.222v57.556a8.22 8.22 0 0 1-8.222 8.222z"
clip-path="url(#a)"
/>
<path
fill="none"
stroke="#000"
stroke-miterlimit="10"
stroke-width=".25"
d="M82.711-16.911h-65.6c-4.528 0-8.2-3.694-8.2-8.25v-49.5c0-4.556 3.672-8.25 8.2-8.25h65.6c4.529 0 8.2 3.695 8.2 8.25v49.5c0 4.556-3.671 8.25-8.2 8.25z"
clip-path="url(#a)"
/>
<path
fill="none"
stroke="#000"
stroke-miterlimit="10"
stroke-width=".25"
d="M82.911-82.711v65.6c0 4.528-3.694 8.2-8.25 8.2h-49.5c-4.556 0-8.25-3.672-8.25-8.2v-65.6c0-4.528 3.694-8.2 8.25-8.2h49.5c4.556 0 8.25 3.672 8.25 8.2z"
clip-path="url(#a)"
/>
<g clip-path="url(#a)">
<path
d="M99.66-.25v-99.411H.25v99.41h99.41m.25.25H0v-99.91h99.91v99.91z"
/>
</g>
</g>
</symbol>
<clipPath id="a"><path d="M0-99.911h99.911V0H0z" /></clipPath>
<linearGradient
id="c"
x1="14.135"
x2="85.865"
y1="29.293"
y2="70.707"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffc3a0" />
<stop offset="1" stop-color="#ffafbd" />
</linearGradient>
<linearGradient
id="d"
x1="29.686"
x2="70.314"
y1="29.686"
y2="70.314"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#89f7fe" />
<stop offset="1" stop-color="#66a6ff" />
</linearGradient>
<linearGradient
id="e"
x1="41.064"
x2="58.063"
y1="44.007"
y2="61.007"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fffeff" />
<stop offset="1" stop-color="#f9cbc6" />
</linearGradient>
<path
fill="url(#d)"
d="M59 75H41c-8.837 0-16-7.163-16-16V41c0-8.837 7.163-16 16-16h18c8.837 0 16 7.163 16 16v18c0 8.837-7.163 16-16 16z"
/>
<path
fill="url(#e)"
d="M58.64 36.55c-.85-.56-1.91-.65-2.84-.24l-12 5.25c-1.09.48-1.8 1.56-1.8 2.75V56c-.83-.63-1.87-1-3-1-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5V48.66l14-6.13V53c-.83-.63-1.87-1-3-1-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5V39.06c0-1.02-.51-1.96-1.36-2.51zM39 63c-1.65 0-3-1.35-3-3s1.35-3 3-3 3 1.35 3 3-1.35 3-3 3zm16-3c-1.65 0-3-1.35-3-3s1.35-3 3-3 3 1.35 3 3-1.35 3-3 3zm3-19.66-14 6.13v-2.16c0-.4.24-.76.6-.92l12-5.25c.31-.14.66-.11.95.08a1 1 0 0 1 .45.84z"
/>
<path
fill="#231f20"
d="M39 65c-2.757 0-5-2.243-5-5s2.243-5 5-5 5 2.243 5 5-2.243 5-5 5zm0-8c-1.654 0-3 1.346-3 3s1.346 3 3 3 3-1.346 3-3-1.346-3-3-3zM55 62c-2.757 0-5-2.243-5-5s2.243-5 5-5 5 2.243 5 5-2.243 5-5 5zm0-8c-1.654 0-3 1.346-3 3s1.346 3 3 3 3-1.346 3-3-1.346-3-3-3z"
/>
<path
fill="#231f20"
d="M43 61a1 1 0 0 1-1-1V44.308c0-1.191.706-2.27 1.797-2.748l12-5.25a2.985 2.985 0 0 1 2.845.237A2.991 2.991 0 0 1 60 39.058V57a1 1 0 0 1-2 0V39.058a.984.984 0 0 0-.453-.837.984.984 0 0 0-.948-.08l-12 5.25c-.364.16-.599.52-.599.917V60a1 1 0 0 1-1 1z"
/>
<path
fill="#231f20"
d="M43 49a1 1 0 0 1-.4-1.916l16-7a1 1 0 0 1 .8 1.832l-16 7a.997.997 0 0 1-.4.085z"
/>
<path
fill="#231f20"
d="M59 76H41c-9.374 0-17-7.626-17-17V41c0-9.374 7.626-17 17-17h18c9.374 0 17 7.626 17 17v18c0 9.374-7.626 17-17 17zM41 26c-8.271 0-15 6.729-15 15v18c0 8.271 6.729 15 15 15h18c8.271 0 15-6.729 15-15V41c0-8.271-6.729-15-15-15z"
/>
</svg>
More icons in the same style and category