Add icons to this collection by clicking the heart icon.
Document icon - also known as interface, quill, inkwell, file, document, 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="512"
height="512"
viewBox="0 0 64 64"
>
<linearGradient
id="a"
x1="32"
x2="32"
y1="64.017"
y2=".171"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".35" stop-color="#ed683c" />
<stop offset=".7" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<linearGradient id="b" x1="18" x2="18" y1="64.017" y2=".171" href="#a" />
<linearGradient id="c" x1="11" x2="11" y1="64.017" y2=".171" href="#a" />
<linearGradient id="d" x1="20" x2="20" y1="64.017" y2=".171" href="#a" />
<linearGradient id="e" x1="15" x2="15" y1="64.017" y2=".171" href="#a" />
<linearGradient id="f" x1="24" x2="24" y1="64.017" y2=".171" href="#a" />
<linearGradient id="g" x1="31" x2="31" y1="64.017" y2=".171" href="#a" />
<linearGradient id="h" x1="22" x2="22" y1="64.017" y2=".171" href="#a" />
<linearGradient id="i" x1="13" x2="13" y1="64.017" y2=".171" href="#a" />
<linearGradient id="j" x1="19" x2="19" y1="64.017" y2=".171" href="#a" />
<linearGradient id="k" x1="28" x2="28" y1="64.017" y2=".171" href="#a" />
<g>
<path
fill="url(#a)"
d="M59.707 52.293 54 46.586V43a1 1 0 0 0-1-1h-4v-4.382l5.447-2.718A1 1 0 0 0 55 34V15a1 1 0 0 0-1-1 12.927 12.927 0 0 0-8 2.774V9h5a1 1 0 0 0 1-1V6a4 4 0 0 0-4-4H14a3 3 0 0 0-3 3v5H7a3 3 0 0 0-3 3v39a4 4 0 0 0 4 4h28v1a1 1 0 0 0 1 1h.1a5.009 5.009 0 0 0 4.9 4h12a5.009 5.009 0 0 0 4.9-4h.1a1 1 0 0 0 1-1v-4a1 1 0 0 0-.293-.707zM38 56v-2h20v2zm1.414-4 4-4h9.172l4 4zM52 46h-8v-2h8zm-6-4v-4.882l1 .5V42zm7-13.618-4 2v-2.764l4-2zm-9.909-2.719L47 27.618v2.764l-4-2V27a10.942 10.942 0 0 1 .091-1.337zM53 23.382l-4.008 2a84.246 84.246 0 0 1 .009-2.768l4-2zm0-5L49.164 20.3a5.461 5.461 0 0 1 1.252-3.182A4.143 4.143 0 0 1 53 16.059zm-5.862 2.068-1.394-.7a11.007 11.007 0 0 1 1.893-1.707 11.415 11.415 0 0 0-.499 2.407zm-2.586.939L47 22.617c-.021.883-.016 1.8-.009 2.761l-3.459-1.73a10.985 10.985 0 0 1 1.02-2.259zM43 30.618l4 2v2.764l-4-2zm6 4.764v-2.764l4-2v2.764zm.413-30.795A1.986 1.986 0 0 1 50 6v1h-4V6a2 2 0 0 1 3.413-1.413zM13 5a1 1 0 0 1 1-1h30.556A3.959 3.959 0 0 0 44 6v12.7a12.938 12.938 0 0 0-3 8.3v7a1 1 0 0 0 .553.9L44 36.118V42h-1a1 1 0 0 0-1 1v3.586l-2 2V13a3 3 0 0 0-3-3H13zm19 7h2v3.7l-.168-.252a1.039 1.039 0 0 0-1.664 0L32 15.7zM8 54a2 2 0 0 1-2-2V13a1 1 0 0 1 1-1h23v7a1 1 0 0 0 1.832.555L33 17.8l1.168 1.752A1 1 0 0 0 36 19v-7h1a1 1 0 0 1 1 1v37.586l-1.707 1.707A1 1 0 0 0 36 53v1zm46 6H42a3 3 0 0 1-2.816-2h17.632A3 3 0 0 1 54 60z"
/>
<path fill="url(#b)" d="M10 20h16v2H10z" />
<path fill="url(#c)" d="M10 16h2v2h-2z" />
<path fill="url(#d)" d="M14 16h12v2H14z" />
<path fill="url(#e)" d="M10 24h10v2H10z" />
<path fill="url(#f)" d="M22 24h4v2h-4z" />
<path fill="url(#g)" d="M28 24h6v2h-6z" />
<path fill="url(#h)" d="M10 28h24v2H10z" />
<path fill="url(#i)" d="M10 32h6v2h-6z" />
<path fill="url(#j)" d="M18 32h2v2h-2z" />
<path fill="url(#k)" d="M22 32h12v2H22z" />
<g fill="url(#h)"><path d="M10 36h24v2H10zM10 40h24v2H10z" /></g>
</g>
</svg>
More icons in the same style and category