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="-48.447"
x2="14.086"
y1="575.554"
y2="638.084"
gradientTransform="matrix(8 0 0 -8 399 5013)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#003f8a" />
<stop offset=".518" stop-color="#00d7df" />
<stop offset="1" stop-color="#006df0" />
</linearGradient>
<path
d="M88 496h168a8 8 0 0 0 0-16H96V16h224v72a8 8 0 0 0 8 8h72v240a8 8 0 0 0 16 0V88.4a6.452 6.452 0 0 0-.088-.664 7.911 7.911 0 0 0-2.256-5.392l-79.904-80a7.252 7.252 0 0 0-.672-.44 7.74 7.74 0 0 0-1.688-1.12 8.11 8.11 0 0 0-.8-.288 7.845 7.845 0 0 0-2.144-.424C328.288.08 328.152 0 328 0H88a8 8 0 0 0-8 8v480a8 8 0 0 0 8 8zM336 27.32 388.376 80H336V27.32z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-27.696"
x2="34.834"
y1="554.803"
y2="617.336"
gradientTransform="matrix(8 0 0 -8 399 5013)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#003f8a" />
<stop offset=".518" stop-color="#00d7df" />
<stop offset="1" stop-color="#006df0" />
</linearGradient>
<path
d="M408 440a8 8 0 0 0 8-8v-32a8 8 0 0 0-8-8h-14.456a58.801 58.801 0 0 0-1.352-3.28l10.208-10.224a8 8 0 0 0 0-11.312l-17.6-17.6a8 8 0 0 0-11.312 0l-10.208 10.232a53.371 53.371 0 0 0-3.28-1.36V344a8 8 0 0 0-8-8h-32a8 8 0 0 0-8 8v14.456c-1.112.416-2.2.872-3.28 1.36L298.504 349.6a8 8 0 0 0-11.312 0l-17.6 17.6a8 8 0 0 0 0 11.312l10.216 10.224a58.801 58.801 0 0 0-1.352 3.28H264a8 8 0 0 0-8 8v32a8 8 0 0 0 8 8h14.456c.416 1.112.872 2.2 1.352 3.28L269.6 453.504a8 8 0 0 0 0 11.312l17.6 17.6a8 8 0 0 0 11.312 0l10.216-10.224c1.08.488 2.168.944 3.28 1.36V488a8 8 0 0 0 8 8h32a8 8 0 0 0 8-8v-14.456c1.112-.416 2.2-.872 3.28-1.36l10.208 10.216a8 8 0 0 0 11.312 0l17.6-17.6a8 8 0 0 0 0-11.312l-10.216-10.208c.48-1.08.936-2.168 1.352-3.28H408zm-20.296-16a8.001 8.001 0 0 0-7.744 6 41.593 41.593 0 0 1-4.448 10.744 8 8 0 0 0 1.232 9.72l8.696 8.736-6.28 6.28-8.696-8.696a8.049 8.049 0 0 0-9.728-1.24A41.38 41.38 0 0 1 350 460a8.001 8.001 0 0 0-6 7.744V480h-16v-12.296a8.001 8.001 0 0 0-6-7.744 41.38 41.38 0 0 1-10.736-4.456 8 8 0 0 0-9.728 1.24l-8.736 8.696-6.24-6.24 8.696-8.696a8 8 0 0 0 1.232-9.72 41.593 41.593 0 0 1-4.448-10.744 8.001 8.001 0 0 0-7.744-6H272V408h12.296a8.001 8.001 0 0 0 7.744-6 41.593 41.593 0 0 1 4.448-10.744 8 8 0 0 0-1.232-9.72l-8.696-8.696 6.28-6.28 8.696 8.696a8 8 0 0 0 9.728 1.24A41.38 41.38 0 0 1 322 372.04a8.001 8.001 0 0 0 6-7.744V352h16v12.296a8.001 8.001 0 0 0 6 7.744 41.38 41.38 0 0 1 10.736 4.456 8.049 8.049 0 0 0 9.728-1.24l8.736-8.696 6.28 6.28-8.696 8.696a8 8 0 0 0-1.232 9.72A41.593 41.593 0 0 1 380 402a8.001 8.001 0 0 0 7.744 6H400v16h-12.296z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-27.696"
x2="34.834"
y1="554.803"
y2="617.336"
gradientTransform="matrix(8 0 0 -8 399 5013)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#003f8a" />
<stop offset=".518" stop-color="#00d7df" />
<stop offset="1" stop-color="#006df0" />
</linearGradient>
<path
d="M336 392c-13.255 0-24 10.745-24 24s10.745 24 24 24 24-10.745 24-24-10.745-24-24-24zm0 32a8 8 0 1 1 0-16 8 8 0 0 1 0 16z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="-38.698"
x2="23.835"
y1="565.802"
y2="628.335"
gradientTransform="matrix(8 0 0 -8 399 5013)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#003f8a" />
<stop offset=".518" stop-color="#00d7df" />
<stop offset="1" stop-color="#006df0" />
</linearGradient>
<path
d="M120 416a8 8 0 0 0-8 8v32a8 8 0 0 0 8 8h32a8 8 0 0 0 0-16h-8l-16-16v-8a8 8 0 0 0-8-8z"
fill="url(#d)"
/>
</svg>
More icons in the same style and category