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="-76.654"
x2="-3.108"
y1="567.344"
y2="640.888"
gradientTransform="matrix(8 0 0 -8 538.984 5013)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#003f8a" />
<stop offset=".518" stop-color="#00d7df" />
<stop offset="1" stop-color="#006df0" />
</linearGradient>
<path
d="M68.002 496h168a8 8 0 0 0 0-16h-160V16h224v72a8 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.817 7.817 0 0 0-.68-.448A7.901 7.901 0 0 0 311.41.792a8.507 8.507 0 0 0-.864-.304A7.557 7.557 0 0 0 308.49.08c-.168.008-.32-.08-.488-.08h-240a8 8 0 0 0-8 8v480a8 8 0 0 0 8 8zm248-468.68L368.37 80h-52.368V27.32z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-55.764"
x2="17.785"
y1="546.447"
y2="619.997"
gradientTransform="matrix(8 0 0 -8 538.984 5013)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#003f8a" />
<stop offset=".518" stop-color="#00d7df" />
<stop offset="1" stop-color="#006df0" />
</linearGradient>
<path
d="M321.338 362.664c-33.875.002-61.334 27.466-61.332 61.34.002 33.871 27.46 61.329 61.332 61.332a8 8 0 0 0 0-16c-25.038-.002-45.334-20.302-45.332-45.34.002-25.035 20.297-45.329 45.332-45.332a8 8 0 0 0 0-16z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-51.048"
x2="22.497"
y1="541.735"
y2="615.283"
gradientTransform="matrix(8 0 0 -8 538.984 5013)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#003f8a" />
<stop offset=".518" stop-color="#00d7df" />
<stop offset="1" stop-color="#006df0" />
</linearGradient>
<path
d="M374.666 362.664a8 8 0 0 0 0 16c25.038.002 45.334 20.302 45.332 45.34-.002 25.035-20.297 45.329-45.332 45.332a8 8 0 0 0 0 16c33.875-.002 61.334-27.466 61.332-61.34-.003-33.872-27.46-61.33-61.332-61.332z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="-53.403"
x2="20.139"
y1="544.094"
y2="617.638"
gradientTransform="matrix(8 0 0 -8 538.984 5013)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#003f8a" />
<stop offset=".518" stop-color="#00d7df" />
<stop offset="1" stop-color="#006df0" />
</linearGradient>
<path
d="M284.002 424a8 8 0 0 0 8 8h112a8 8 0 0 0 0-16h-112a8 8 0 0 0-8 8z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="-66.903"
x2="6.638"
y1="557.594"
y2="631.138"
gradientTransform="matrix(8 0 0 -8 538.984 5013)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#003f8a" />
<stop offset=".518" stop-color="#00d7df" />
<stop offset="1" stop-color="#006df0" />
</linearGradient>
<path
d="M100.002 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(#e)"
/>
</svg>
More icons in the same style and category