Add icons to this collection by clicking the heart icon.
Music icon - also known as interface, music, song, quaver, musical note, music player, concert, festival, 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="640"
height="640"
viewBox="-32 1 480 480.703"
>
<linearGradient id="a">
<stop offset="0" stop-color="#f9a86d" />
<stop offset=".503" stop-color="#f05361" />
<stop offset="1" stop-color="#b72563" />
</linearGradient>
<linearGradient
id="b"
x1="-16.764"
x2="495.325"
y1="399.871"
y2="399.871"
gradientTransform="matrix(1.00062 0 0 -1.00062 -31.695 472.268)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="-16.764"
x2="495.325"
y1="71.391"
y2="71.391"
gradientTransform="matrix(1.00062 0 0 -1.00062 -31.695 472.268)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="-16.764"
x2="495.325"
y1="375.836"
y2="375.836"
gradientTransform="matrix(1.00062 0 0 -1.00062 -31.695 472.268)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="-16.764"
x2="495.325"
y1="87.414"
y2="87.414"
gradientTransform="matrix(1.00062 0 0 -1.00062 -31.695 472.268)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="-16.764"
x2="495.325"
y1="215.602"
y2="215.602"
gradientTransform="matrix(1.00062 0 0 -1.00062 -31.695 472.268)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="-16.764"
x2="495.325"
y1="359.813"
y2="359.813"
gradientTransform="matrix(1.00062 0 0 -1.00062 -31.695 472.268)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="-16.764"
x2="495.325"
y1="359.822"
y2="359.822"
gradientTransform="matrix(1.00062 0 0 -1.00062 -31.695 472.268)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="-16.764"
x2="495.325"
y1="359.823"
y2="359.823"
gradientTransform="matrix(1.00062 0 0 -1.00062 -31.695 472.268)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M337.07 104.215a8.019 8.019 0 1 0 16.035 0c.012-13.274 10.774-24.035 24.051-24.047a8.018 8.018 0 0 0 0-16.035c-13.277-.016-24.039-10.774-24.05-24.051a8.018 8.018 0 0 0-16.035 0c-.012 13.277-10.774 24.035-24.051 24.05a8.018 8.018 0 0 0 0 16.035c13.277.013 24.035 10.774 24.05 24.048zm8.02-40.328a40.315 40.315 0 0 0 8.262 8.265 40.2 40.2 0 0 0-8.262 8.262 40.315 40.315 0 0 0-8.266-8.262 40.431 40.431 0 0 0 8.266-8.265zm0 0"
/>
<path
fill="url(#c)"
d="M88.555 392.816c-13.278-.015-24.035-10.773-24.051-24.05a8.017 8.017 0 0 0-8.016-8.016 8.015 8.015 0 0 0-8.015 8.016c-.016 13.277-10.774 24.035-24.051 24.05a8.018 8.018 0 1 0 0 16.036c13.277.011 24.035 10.773 24.05 24.046a8.015 8.015 0 1 0 16.032 0c.016-13.273 10.773-24.035 24.05-24.046 4.43 0 8.016-3.59 8.016-8.02a8.017 8.017 0 0 0-8.015-8.016zm-32.067 16.282a40.334 40.334 0 0 0-8.265-8.266 40.334 40.334 0 0 0 8.265-8.266 40.237 40.237 0 0 0 8.266 8.266 40.334 40.334 0 0 0-8.266 8.266zm0 0"
/>
<path
fill="url(#d)"
d="M88.555 0H56.488a8.015 8.015 0 0 0-8.015 8.016v104.218c-26.524 0-48.102 17.98-48.102 40.082s21.578 40.086 48.102 40.086c26.523 0 48.097-17.984 48.097-40.086V8.016A8.017 8.017 0 0 0 88.555 0zm-8.016 152.316c0 13.262-14.387 24.051-32.066 24.051-17.684 0-32.07-10.789-32.07-24.05 0-13.262 14.386-24.051 32.07-24.051a42.75 42.75 0 0 1 6.734.547A8.153 8.153 0 0 0 61.684 127a8.015 8.015 0 0 0 2.82-6.102V16.031h16.031v136.285zm0 0"
/>
<path
fill="url(#e)"
d="M288.973 440.918c0 22.098 21.574 40.082 48.097 40.082 26.524 0 48.102-17.984 48.102-40.082V336.699h24.05a8.017 8.017 0 0 0 8.016-8.015v-32.067c0-4.43-3.59-8.02-8.015-8.02h-64.137a8.018 8.018 0 0 0-8.016 8.02v104.215c-26.523 0-48.097 17.984-48.097 40.086zm48.097-24.05c2.258 0 4.508.183 6.739.542 2.316.36 4.68-.3 6.476-1.812a8.015 8.015 0 0 0 2.82-6.102V304.633h48.098v16.031h-24.05a8.018 8.018 0 0 0-8.016 8.02v112.234c0 13.262-14.383 24.047-32.067 24.047-17.68 0-32.066-10.785-32.066-24.047 0-13.266 14.387-24.05 32.066-24.05zm0 0"
/>
<path
fill="url(#f)"
d="M128.637 168.352v104.214c-26.524 0-48.098 17.985-48.098 40.082 0 22.102 21.574 40.086 48.098 40.086 26.523 0 48.101-17.984 48.101-40.086V208.434h80.164v64.132c-26.523 0-48.097 17.985-48.097 40.086 0 22.098 21.574 40.082 48.097 40.082 26.524 0 48.102-17.984 48.102-40.082v-144.3c0-4.43-3.59-8.02-8.016-8.02H136.656c-4.43 0-8.02 3.59-8.02 8.02zm16.035 112.878V176.367h144.3v136.281c0 13.266-14.386 24.051-32.066 24.051-17.683 0-32.066-10.785-32.066-24.05 0-13.262 14.383-24.047 32.066-24.047 2.254 0 4.508.183 6.735.543a8.02 8.02 0 0 0 9.296-7.915v-80.812c0-4.43-3.59-8.02-8.015-8.02h-96.203a8.018 8.018 0 0 0-8.016 8.02v112.23c0 13.266-14.383 24.051-32.066 24.051-17.684 0-32.067-10.785-32.067-24.05 0-13.262 14.383-24.047 32.067-24.047 2.258 0 4.508.183 6.734.543a8.104 8.104 0 0 0 6.48-1.813 8.015 8.015 0 0 0 2.82-6.102zm0 0"
/>
<path
fill="url(#g)"
d="M216.82 128.266V96.199a8.018 8.018 0 0 0-16.035 0v32.067a8.019 8.019 0 1 0 16.035 0zm0 0"
/>
<path
fill="url(#h)"
d="M176.746 136.281c4.426 0 8.012-3.594 8.012-8.02a8.09 8.09 0 0 0-.848-3.581l-16.035-32.067c-1.969-3.965-6.781-5.582-10.746-3.61s-5.582 6.786-3.61 10.75c.004.009.008.02.016.032l16.031 32.067a8.008 8.008 0 0 0 7.18 4.43zm0 0"
/>
<path
fill="url(#i)"
d="M240.863 136.281a8.008 8.008 0 0 0 7.18-4.43l16.031-32.066c1.992-3.953.399-8.773-3.554-10.765a8.021 8.021 0 0 0-10.77 3.554c-.004.016-.012.028-.02.04L233.7 124.68a8.02 8.02 0 0 0 3.581 10.757 8.034 8.034 0 0 0 3.582.844zm0 0"
/>
</svg>
More icons in the same style and category