Add icons to this collection by clicking the heart icon.
File icon - also known as interface, file, document, settings, 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.814"
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="M74.453 490.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.456-7.403-.043-.043-.043-.085-.085-.128l-1.579-1.579L316.672 3.136c-1.323-1.344-3.029-2.112-4.821-2.581a9.679 9.679 0 0 0-1.365-.277c-.47-.065-.897-.278-1.366-.278H74.453c-5.888 0-10.667 4.779-10.667 10.667V480c.001 5.888 4.779 10.667 10.667 10.667zm315.584-384h-70.251V36.416l70.251 70.251zM85.12 21.333h213.333v96c0 5.888 4.779 10.667 10.667 10.667h96v341.333h-320v-448z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-38.27"
x2="-32.563"
y1="608.505"
y2="602.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 384h-12.629c-4.416-12.395-16.149-21.333-30.037-21.333S283.5 371.606 279.084 384H138.453c-5.888 0-10.667 4.779-10.667 10.667s4.779 10.667 10.667 10.667h140.629c4.416 12.395 16.149 21.333 30.037 21.333s25.621-8.939 30.037-21.333h12.629c5.888 0 10.667-4.779 10.667-10.667.001-5.888-4.777-10.667-10.665-10.667zm-42.667 21.333c-5.888 0-10.667-4.779-10.667-10.667s4.779-10.667 10.667-10.667 10.667 4.779 10.667 10.667c0 5.889-4.779 10.667-10.667 10.667z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-38.27"
x2="-32.563"
y1="612.505"
y2="606.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 298.667h-76.629c-4.416-12.395-16.149-21.333-30.037-21.333s-25.621 8.939-30.037 21.333h-76.629c-5.888 0-10.667 4.779-10.667 10.667S132.565 320 138.453 320h76.629c4.416 12.395 16.149 21.333 30.037 21.333s25.621-8.939 30.037-21.333h76.629c5.888 0 10.667-4.779 10.667-10.667s-4.777-10.666-10.665-10.666zM245.12 320c-5.888 0-10.667-4.779-10.667-10.667s4.779-10.667 10.667-10.667 10.667 4.779 10.667 10.667S251.008 320 245.12 320z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="-38.27"
x2="-32.563"
y1="616.505"
y2="610.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.333h-140.63C206.741 200.939 195.008 192 181.12 192s-25.621 8.939-30.037 21.333h-12.629c-5.888 0-10.667 4.779-10.667 10.667s4.779 10.667 10.667 10.667h12.629C155.499 247.061 167.232 256 181.12 256s25.621-8.939 30.037-21.333h140.629c5.888 0 10.667-4.779 10.667-10.667s-4.778-10.667-10.666-10.667zM181.12 234.667c-5.888 0-10.667-4.779-10.667-10.667s4.779-10.667 10.667-10.667 10.667 4.779 10.667 10.667-4.779 10.667-10.667 10.667z"
fill="url(#d)"
/>
</svg>
More icons in the same style and category