Add icons to this collection by clicking the heart icon.
Midi icon - also known as interface, document, archive, ui, file extension, file format, file type, midi, and files and folders. 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 64 64"
>
<linearGradient
id="a"
x1="5.43"
x2="58.57"
y1="32"
y2="32"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".059" stop-color="#ffe029" />
<stop offset=".13" stop-color="#ffd218" />
<stop offset=".203" stop-color="#fec90f" />
<stop offset=".281" stop-color="#fdc70c" />
<stop offset=".668" stop-color="#f3903f" />
<stop offset=".888" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<linearGradient
id="b"
x1="16.981"
x2="27.85"
y1="41.88"
y2="41.88"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".163" stop-color="#ffe029" />
<stop offset=".357" stop-color="#ffd218" />
<stop offset=".556" stop-color="#fec90f" />
<stop offset=".769" stop-color="#fdc70c" />
</linearGradient>
<linearGradient
id="c"
x1="29.44"
x2="32.11"
y1="41.88"
y2="41.88"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fdc70c" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<linearGradient
id="d"
x1="33.92"
x2="42.92"
y1="41.88"
y2="41.88"
gradientUnits="userSpaceOnUse"
>
<stop offset=".13" stop-color="#fdc70c" />
<stop offset="1" stop-color="#f3903f" />
</linearGradient>
<linearGradient
id="e"
x1="44.44"
x2="47.11"
y1="41.88"
y2="41.88"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f3903f" />
<stop offset="1" stop-color="#ed683c" />
</linearGradient>
<path
fill="url(#a)"
d="M52.12 27.56V20.5a.96.96 0 0 0-.26-.66c-.011-.01-.011-.02-.011-.03L36.48 3.56h-.011a.995.995 0 0 0-.72-.31H12.88c-.55 0-1 .45-1 1v23.31c-3.63.44-6.45 3.53-6.45 7.28v12.32c0 3.75 2.82 6.84 6.45 7.28v5.31c0 .55.45 1 1 1h38.24c.55 0 1-.45 1-1v-5.31c3.63-.44 6.45-3.53 6.45-7.28V34.84c0-3.75-2.82-6.84-6.45-7.28zM36.75 6.76 48.8 19.5H36.75zM13.88 5.25h20.87V20.5c0 .55.45 1 1 1h14.37v6H13.88zm36.24 53.5H13.88V54.5h36.24zm6.45-11.59a5.34 5.34 0 0 1-5.34 5.34H12.77a5.34 5.34 0 0 1-5.34-5.34V34.84a5.34 5.34 0 0 1 5.34-5.34h38.46a5.34 5.34 0 0 1 5.34 5.34z"
/>
<path
fill="url(#b)"
d="M27.6 36.26h-3.25a.251.251 0 0 0-.242.187l-1.688 6.417-1.708-6.417a.25.25 0 0 0-.241-.186H17.23a.25.25 0 0 0-.25.25v10.74c0 .138.112.25.25.25h2.01a.25.25 0 0 0 .25-.25v-6.436l1.638 6.497a.25.25 0 0 0 .242.189h2.09a.25.25 0 0 0 .242-.189l1.638-6.497v6.436c0 .138.112.25.25.25h2.01a.25.25 0 0 0 .25-.25V36.51a.25.25 0 0 0-.25-.25z"
/>
<path
fill="url(#c)"
d="M31.86 36.26h-2.17a.25.25 0 0 0-.25.25v10.74c0 .138.112.25.25.25h2.17a.25.25 0 0 0 .25-.25V36.51a.25.25 0 0 0-.25-.25z"
/>
<path
fill="url(#d)"
d="M41.54 37.71a3.5 3.5 0 0 0-1.62-.99c-.47-.14-1.15-.21-2.04-.21h-3.96v10.74h4.07c.8 0 1.45-.08 1.92-.23.64-.2 1.149-.49 1.53-.85.5-.49.88-1.12 1.149-1.9.22-.64.33-1.4.33-2.29 0-1-.12-1.85-.36-2.53-.229-.69-.569-1.27-1.019-1.74zm-1.08 6.15c-.15.48-.34.82-.57 1.03-.229.21-.529.36-.88.45-.27.07-.7.1-1.31.1h-1.62v-7.11h.979c.881 0 1.471.03 1.78.1.4.09.74.26 1 .51s.47.59.62 1.04c.14.44.22 1.08.22 1.91s-.079 1.48-.219 1.97z"
/>
<path
fill="url(#e)"
d="M46.86 36.26h-2.17a.25.25 0 0 0-.25.25v10.74c0 .138.112.25.25.25h2.17a.25.25 0 0 0 .25-.25V36.51a.25.25 0 0 0-.25-.25z"
/>
</svg>
More icons in the same style and category