Add icons to this collection by clicking the heart icon.
File icon - also known as file, document, notes, pencil, paper, pen, writing, contract, insurance, signing, essay, files and folders, and edit tools. 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="512"
height="512"
viewBox="0 0 64 64"
>
<linearGradient
id="a"
x1="2"
x2="66.498"
y1="31.5"
y2="31.5"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00a2cc" />
<stop offset="1" stop-color="#2b32b2" />
</linearGradient>
<linearGradient id="b" x2="66.498" y1="32" y2="32" href="#a" />
<linearGradient id="c" x2="66.498" y1="23" y2="23" href="#a" />
<linearGradient id="d" x2="66.498" y1="27" y2="27" href="#a" />
<linearGradient id="e" x2="66.498" y1="31" y2="31" href="#a" />
<linearGradient id="f" x2="66.498" y1="35" y2="35" href="#a" />
<linearGradient id="g" x2="66.498" y1="44" y2="44" href="#a" />
<linearGradient id="h" x2="66.498" y1="45" y2="45" href="#a" />
<g>
<path
fill="url(#a)"
d="M57 14h-1v-4a1 1 0 0 0-1-1h-3V6a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8H3a1 1 0 0 0-1 1v34a1 1 0 0 0 1 1h28v7a1 1 0 0 0 1 1h25a5.006 5.006 0 0 0 5-5V19a5.006 5.006 0 0 0-5-5zm-5-3h2v3h-2zm-4-4h2v2h-2zm0 4h2v20h-2zm0 22h2v2h-2zm1.719 4-.5 2h-.438l-.5-2zM57 56H33v-6h24a3 3 0 0 1 0 6zm3-7a4.973 4.973 0 0 0-3-1H4V16h42v20a1.838 1.838 0 0 0 .03.242l1 4A1 1 0 0 0 48 41v2a1 1 0 0 0 2 0v-2a1 1 0 0 0 .97-.758l1-4A1.838 1.838 0 0 0 52 36V16h2v4h2v-4h1a3 3 0 0 1 3 3z"
/>
<path
fill="url(#b)"
d="M39 18H7a1 1 0 0 0-1 1v20a1 1 0 0 0 1 1h16.114c1.153 4.883 10.651 5.892 11.8 6h.09a1 1 0 0 0 .707-1.707A7.563 7.563 0 0 1 34.068 40H39a1 1 0 0 0 1-1V19a1 1 0 0 0-1-1zm-1 20h-5a1 1 0 0 0-1 1 13.06 13.06 0 0 0 .966 4.7C29.714 43.1 25 41.649 25 39a1 1 0 0 0-1-1H8V20h30z"
/>
<path fill="url(#c)" d="M10 22h10v2H10z" />
<path fill="url(#d)" d="M10 26h6v2h-6z" />
<path fill="url(#c)" d="M22 22h14v2H22z" />
<path fill="url(#e)" d="M10 30h17v2H10z" />
<path fill="url(#d)" d="M18 26h18v2H18z" />
<path fill="url(#e)" d="M29 30h7v2h-7z" />
<path fill="url(#f)" d="M10 34h26v2H10z" />
<path fill="url(#g)" d="M8 42H6v4h4v-2H8z" />
<g fill="url(#h)"><path d="M17 44h2v2h-2zM41 44h2v2h-2z" /></g>
</g>
</svg>
More icons in the same style and category