Add icons to this collection by clicking the heart icon.
File icon - also known as interface, file, document, archive, and files and folders. Created in a clean lineal 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 496 496"
>
<linearGradient
id="a"
x1="-54.731"
x2="4.164"
y1="566.771"
y2="625.664"
gradientTransform="matrix(8 0 0 -8 455 5013)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#003f8a" />
<stop offset=".518" stop-color="#00d7df" />
<stop offset="1" stop-color="#006df0" />
</linearGradient>
<path
d="m413.656 82.344-79.92-80a7.106 7.106 0 0 0-.6-.4A7.763 7.763 0 0 0 331.432.8a8.737 8.737 0 0 0-.904-.32 7.803 7.803 0 0 0-2-.4 4.429 4.429 0 0 0-.472-.08H152a8 8 0 0 0-8 8v416a8 8 0 0 0 8 8h256a8 8 0 0 0 8-8V88.432c0-.128-.064-.24-.072-.36a7.954 7.954 0 0 0-2.272-5.728zM336 27.336 388.344 80H336V27.336zM160 416V16h160v72a8 8 0 0 0 8 8h72v320H160z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-54.73"
x2="4.165"
y1="566.77"
y2="625.663"
gradientTransform="matrix(8 0 0 -8 455 5013)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#003f8a" />
<stop offset=".518" stop-color="#00d7df" />
<stop offset="1" stop-color="#006df0" />
</linearGradient>
<path
d="M392 448H128V24a8 8 0 0 0-16 0v432a8 8 0 0 0 8 8h272a8 8 0 0 0 0-16z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-54.73"
x2="4.165"
y1="566.77"
y2="625.663"
gradientTransform="matrix(8 0 0 -8 455 5013)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#003f8a" />
<stop offset=".518" stop-color="#00d7df" />
<stop offset="1" stop-color="#006df0" />
</linearGradient>
<path
d="M360 480H96V56a8 8 0 0 0-16 0v432a8 8 0 0 0 8 8h272a8 8 0 0 0 0-16z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="-49.73"
x2="9.165"
y1="561.77"
y2="620.663"
gradientTransform="matrix(8 0 0 -8 455 5013)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#003f8a" />
<stop offset=".518" stop-color="#00d7df" />
<stop offset="1" stop-color="#006df0" />
</linearGradient>
<path
d="M216 384h-8l-16-16v-8a8 8 0 0 0-16 0v32a8 8 0 0 0 8 8h32a8 8 0 0 0 0-16z"
fill="url(#d)"
/>
</svg>
More icons in the same style and category