Add icons to this collection by clicking the heart icon.
Music File icon - also known as file, document, music, multimedia, musical note, ui, music file, files and folders, 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="48.28"
x2="414.13"
y1="24.91"
y2="526.67"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff0a6c" />
<stop offset="1" stop-color="#4a3cdb" />
</linearGradient>
<linearGradient
id="b"
x1="-15.6"
x2="350.25"
y1="71.48"
y2="573.24"
href="#a"
/>
<linearGradient
id="c"
x1="-7.17"
x2="358.68"
y1="65.33"
y2="567.09"
href="#a"
/>
<linearGradient
id="d"
x1="188.69"
x2="554.54"
y1="-77.47"
y2="424.29"
href="#a"
/>
<linearGradient
id="e"
x1="102.84"
x2="468.69"
y1="-14.88"
y2="486.88"
href="#a"
/>
<g>
<path
fill="url(#a)"
d="M372.55 50.37H94.07a42.44 42.44 0 0 0-42.39 42.39v55.84a6 6 0 0 0 12 0V92.76a30.43 30.43 0 0 1 30.39-30.39h278.48a30.42 30.42 0 0 1 30.39 30.39v371.86A30.42 30.42 0 0 1 372.55 495H94.07a30.43 30.43 0 0 1-30.39-30.38V195.4a6 6 0 0 0-12 0v269.22A42.44 42.44 0 0 0 94.07 507h278.48a42.43 42.43 0 0 0 42.39-42.38V92.76a42.43 42.43 0 0 0-42.39-42.39z"
/>
<path
fill="url(#b)"
d="M57.68 182.5a6 6 0 0 0 6-6v-9a6 6 0 0 0-12 0v9a6 6 0 0 0 6 6z"
/>
<path
fill="url(#c)"
d="M268.39 339.37c0-32.65-34-59.21-75.75-59.21s-75.74 26.56-75.74 59.21 34 59.22 75.74 59.22 75.75-26.59 75.75-59.22zm-139.49 0c0-26 28.59-47.21 63.74-47.21s63.75 21.18 63.75 47.21-28.59 47.22-63.75 47.22-63.74-21.18-63.74-47.22z"
/>
<path
fill="url(#d)"
d="M417.92 5H139.44a42.44 42.44 0 0 0-42.39 42.39v9a6 6 0 0 0 6 6h269.5a30.42 30.42 0 0 1 30.39 30.39v362.85a6 6 0 0 0 6 6h9a42.43 42.43 0 0 0 42.39-42.38V47.39A42.43 42.43 0 0 0 417.92 5zm30.39 414.25a30.42 30.42 0 0 1-30.39 30.38h-3V92.76a42.43 42.43 0 0 0-42.39-42.39H109.05v-3A30.43 30.43 0 0 1 139.44 17h278.48a30.42 30.42 0 0 1 30.39 30.39z"
/>
<path
fill="url(#e)"
d="M339.27 165.32a28.59 28.59 0 0 0-23.76-6l-68.46 13.48a24.52 24.52 0 0 0-19.74 24v99.32a6 6 0 0 0 3.11 5.27c16.26 8.91 26 23.11 26 38a6 6 0 0 0 12 0V245.5a12.51 12.51 0 0 1 10-12.21l48.47-9.95a28.79 28.79 0 0 0 22.91-28.1v-7.77a28.58 28.58 0 0 0-10.53-22.15zm-1.54 29.92a16.74 16.74 0 0 1-13.33 16.34l-48.46 9.95a24.56 24.56 0 0 0-19.55 24v61.85a67.22 67.22 0 0 0-17.08-14.67v-95.9a12.49 12.49 0 0 1 10.06-12.23l68.46-13.48a16.68 16.68 0 0 1 19.9 16.37z"
/>
</g>
</svg>
More icons in the same style and category