Add icons to this collection by clicking the heart icon.
Files icon - also known as interface, file, document, paper, files, documents, scroll, 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="100"
height="100"
viewBox="0 0 1059.989 1059.989"
>
<linearGradient
id="a"
x1="529.995"
x2="529.995"
y1="1079.394"
y2="-6.317"
gradientTransform="matrix(1 0 0 -1 0 1058)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".014" stop-color="#fee72e" />
<stop offset=".042" stop-color="#fed51b" />
<stop offset=".07" stop-color="#fdca10" />
<stop offset=".1" stop-color="#fdc70c" />
<stop offset=".4" stop-color="#f3903f" />
<stop offset=".8" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<path
d="M1042.323 176.665c9.757 0 17.666-7.91 17.666-17.666V88.332C1059.931 39.572 1020.417.058 971.657 0H229.664c-48.76.058-88.274 39.572-88.332 88.332v141.332H52.999c-29.27 0-52.999 23.729-52.999 53v494.662c0 29.271 23.729 52.999 52.999 52.999h88.332v52.999H17.666C7.91 883.324 0 891.234 0 900.991v70.666c.058 48.76 39.572 88.274 88.332 88.332h741.992c48.76-.058 88.274-39.572 88.332-88.332V830.325h88.332c29.271 0 52.999-23.729 52.999-52.999V282.664c0-29.271-23.729-52.999-52.999-52.999h-88.332v-52.999h123.667zm-17.667-88.333v52.999H918.657V88.332c0-29.271 23.729-52.999 52.999-52.999 29.271 0 53 23.729 53 52.999zM88.332 1024.656c-29.271 0-52.999-23.729-52.999-53v-52.999h706.659v52.999a87.418 87.418 0 0 0 18.126 53H88.332zm794.992-52.999c0 29.271-23.729 53-52.999 53s-52.999-23.729-52.999-53v-70.666c0-9.757-7.91-17.667-17.667-17.667H176.665v-52.999h706.659v141.332zm141.332-688.993v494.662c0 9.757-7.91 17.667-17.667 17.667H52.999c-9.757 0-17.666-7.91-17.666-17.667V282.664c0-9.757 7.91-17.667 17.666-17.667h953.99c9.758 0 17.667 7.91 17.667 17.667zm-847.991-53V88.332c0-29.271 23.729-52.999 52.999-52.999H901.45a87.412 87.412 0 0 0-18.126 52.999v141.332H176.665z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="388.663"
x2="388.663"
y1="1083.917"
y2="-5.664"
gradientTransform="matrix(1 0 0 -1 0 1058)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".014" stop-color="#fee72e" />
<stop offset=".042" stop-color="#fed51b" />
<stop offset=".07" stop-color="#fdca10" />
<stop offset=".1" stop-color="#fdc70c" />
<stop offset=".4" stop-color="#f3903f" />
<stop offset=".8" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<path
d="M300.33 512.328h176.665c9.757 0 17.666-7.91 17.666-17.667V388.663h-.159a17.668 17.668 0 0 0-5.017-12.49l-70.666-70.666a17.664 17.664 0 0 0-12.49-5.017v-.159H300.33c-9.757 0-17.666 7.91-17.666 17.667v176.665c0 9.755 7.909 17.665 17.666 17.665zm123.666-151.684 10.353 10.353h-10.353v-10.353zm-105.999-24.981h70.666v52.999c0 9.757 7.91 17.666 17.666 17.666h52.999v70.666H317.997V335.663z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="388.663"
x2="388.663"
y1="1082.592"
y2="-6.989"
gradientTransform="matrix(1 0 0 -1 0 1058)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".014" stop-color="#fee72e" />
<stop offset=".042" stop-color="#fed51b" />
<stop offset=".07" stop-color="#fdca10" />
<stop offset=".1" stop-color="#fdc70c" />
<stop offset=".4" stop-color="#f3903f" />
<stop offset=".8" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<path
d="M300.33 759.659h176.665c9.757 0 17.666-7.91 17.666-17.666v-106h-.159a17.668 17.668 0 0 0-5.017-12.49l-70.666-70.666a17.434 17.434 0 0 0-12.49-5.017v-.159H300.33c-9.757 0-17.666 7.91-17.666 17.667v176.665c0 9.756 7.909 17.666 17.666 17.666zm123.666-151.685 10.353 10.353h-10.353v-10.353zm-105.999-24.98h70.666v53c0 9.757 7.91 17.666 17.666 17.666h52.999v70.666H317.997V582.994z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="671.326"
x2="671.326"
y1="1080.896"
y2="-8.685"
gradientTransform="matrix(1 0 0 -1 0 1058)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".014" stop-color="#fee72e" />
<stop offset=".042" stop-color="#fed51b" />
<stop offset=".07" stop-color="#fdca10" />
<stop offset=".1" stop-color="#fdc70c" />
<stop offset=".4" stop-color="#f3903f" />
<stop offset=".8" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<path
d="M582.994 512.328h176.665c9.757 0 17.667-7.91 17.667-17.667V388.663h-.159a17.668 17.668 0 0 0-5.017-12.49l-70.666-70.666a17.664 17.664 0 0 0-12.49-5.017v-.159h-106c-9.757 0-17.666 7.91-17.666 17.667v176.665c0 9.755 7.909 17.665 17.666 17.665zm123.665-151.684 10.353 10.353h-10.353v-10.353zM600.66 335.663h70.666v52.999c0 9.757 7.91 17.666 17.667 17.666h52.999v70.666H600.66V335.663z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="671.326"
x2="671.326"
y1="1079.571"
y2="-10.01"
gradientTransform="matrix(1 0 0 -1 0 1058)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".014" stop-color="#fee72e" />
<stop offset=".042" stop-color="#fed51b" />
<stop offset=".07" stop-color="#fdca10" />
<stop offset=".1" stop-color="#fdc70c" />
<stop offset=".4" stop-color="#f3903f" />
<stop offset=".8" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<path
d="M582.994 759.659h176.665c9.757 0 17.667-7.91 17.667-17.666v-106h-.159a17.668 17.668 0 0 0-5.017-12.49l-70.666-70.666a17.506 17.506 0 0 0-12.49-5.017v-.159h-106c-9.757 0-17.666 7.91-17.666 17.667v176.665c0 9.756 7.909 17.666 17.666 17.666zm123.665-151.685 10.353 10.353h-10.353v-10.353zm-105.999-24.98h70.666v53c0 9.757 7.91 17.666 17.667 17.666h52.999v70.666H600.66V582.994z"
fill="url(#e)"
/>
</svg>
More icons in the same style and category