Add icons to this collection by clicking the heart icon.
File icon - also known as interface, file, document, text, archive, news, text lines, 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.344-1.344-3.029-2.112-4.821-2.581a9.344 9.344 0 0 0-1.301-.256c-.513-.086-.939-.299-1.43-.299H74.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="-40.27"
x2="-36.563"
y1="619.505"
y2="615.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="M138.453 128h32v74.667c0 5.888 4.779 10.667 10.667 10.667s10.667-4.779 10.667-10.667V128h32c5.888 0 10.667-4.779 10.667-10.667s-4.779-10.667-10.667-10.667h-85.333c-5.888 0-10.667 4.779-10.667 10.667S132.565 128 138.453 128z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-38.27"
x2="-32.563"
y1="611.505"
y2="605.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 320H138.453c-5.888 0-10.667 4.779-10.667 10.667s4.779 10.667 10.667 10.667h213.333c5.888 0 10.667-4.779 10.667-10.667S357.675 320 351.787 320z"
fill="url(#c)"
/>
<linearGradient
id="d"
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 384H138.453c-5.888 0-10.667 4.779-10.667 10.667s4.779 10.667 10.667 10.667h213.333c5.888 0 10.667-4.779 10.667-10.667S357.675 384 351.787 384z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="-38.27"
x2="-32.563"
y1="614.505"
y2="608.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 256H138.453c-5.888 0-10.667 4.779-10.667 10.667s4.779 10.667 10.667 10.667h213.333c5.888 0 10.667-4.779 10.667-10.667S357.675 256 351.787 256z"
fill="url(#e)"
/>
<linearGradient
id="f"
x1="-35.27"
x2="-31.563"
y1="616.505"
y2="612.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 192h-128c-5.888 0-10.667 4.779-10.667 10.667s4.779 10.667 10.667 10.667h128c5.888 0 10.667-4.779 10.667-10.667S357.675 192 351.787 192z"
fill="url(#f)"
/>
</svg>
More icons in the same style and category