Add icons to this collection by clicking the heart icon.
File icon - also known as file, document, bin, trash, archive, 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 490.667 490.667"
>
<linearGradient
id="a"
x1="-46.519"
x2="-26.813"
y1="621.256"
y2="601.547"
gradientTransform="matrix(21.3333 0 0 -21.3333 1000.671 13315.223)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M422.123 108.587c-.149-.107-.213-.277-.363-.384L316.672 3.115c-1.344-1.344-3.072-2.112-4.885-2.603a7.642 7.642 0 0 0-1.216-.235C310.08.213 309.611 0 309.12 0H74.453c-5.888 0-10.667 4.779-10.667 10.667V480c0 5.888 4.779 10.667 10.667 10.667h341.333c5.888 0 10.667-4.779 10.667-10.667V119.445c.149-.704.427-1.365.427-2.112 0-3.008-1.472-5.483-3.477-7.424-.021-.021-.043-.085-.064-.107l-1.216-1.215zM319.787 36.416l70.251 70.251h-70.251V36.416zM85.12 469.333v-448h213.333v96c0 5.888 4.779 10.667 10.667 10.667h96v341.333h-320z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-40.27"
x2="-30.563"
y1="614.505"
y2="604.798"
gradientTransform="matrix(21.3333 0 0 -21.3333 1000.671 13315.223)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M351.787 213.333H277.12v-32c0-5.888-4.779-10.667-10.667-10.667h-42.667c-5.888 0-10.667 4.779-10.667 10.667v32h-74.666c-5.888 0-10.667 4.779-10.667 10.667s4.779 10.667 10.667 10.667h10.667V416c0 5.888 4.779 10.667 10.667 10.667h170.667c5.888 0 10.667-4.779 10.667-10.667V234.667h10.667c5.888 0 10.667-4.779 10.667-10.667s-4.78-10.667-10.668-10.667zM234.453 192h21.333v21.333h-21.333V192zm85.334 213.333H170.453V234.667h149.333v170.666z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-38.02"
x2="-34.813"
y1="610.756"
y2="607.546"
gradientTransform="matrix(21.3333 0 0 -21.3333 1000.671 13315.223)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M223.787 256c-5.888 0-10.667 4.779-10.667 10.667v106.667c0 5.888 4.779 10.667 10.667 10.667s10.667-4.779 10.667-10.667V266.667c-.001-5.888-4.779-10.667-10.667-10.667z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="-36.02"
x2="-32.813"
y1="610.756"
y2="607.546"
gradientTransform="matrix(21.3333 0 0 -21.3333 1000.671 13315.223)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M255.787 266.667v106.667c0 5.888 4.779 10.667 10.667 10.667s10.667-4.779 10.667-10.667V266.667c0-5.888-4.779-10.667-10.667-10.667s-10.667 4.779-10.667 10.667z"
fill="url(#d)"
/>
</svg>
More icons in the same style and category