Add icons to this collection by clicking the heart icon.
Document icon - also known as document, draw, drawing, paper, writing, design, art and design, and files and folders. Created in a clean lineal 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 512 512"
>
<linearGradient
id="a"
x1="-61.166"
x2="445.956"
y1="441.166"
y2="-65.956"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#003f8a" />
<stop offset=".518" stop-color="#00d7df" />
<stop offset="1" stop-color="#006df0" />
</linearGradient>
<linearGradient
id="b"
x1="-23.166"
x2="483.956"
y1="479.166"
y2="-27.956"
href="#a"
/>
<linearGradient
id="c"
x1="-31.166"
x2="475.956"
y1="471.166"
y2="-35.956"
href="#a"
/>
<linearGradient
id="d"
x1="18.834"
x2="525.956"
y1="521.166"
y2="14.044"
href="#a"
/>
<linearGradient
id="e"
x1="60.834"
x2="567.956"
y1="563.166"
y2="56.044"
href="#a"
/>
<linearGradient
id="f"
x1="26.834"
x2="533.956"
y1="529.166"
y2="22.044"
href="#a"
/>
<linearGradient
id="g"
x1="50.834"
x2="557.956"
y1="553.166"
y2="46.044"
href="#a"
/>
<linearGradient
id="h"
x1="84.834"
x2="591.956"
y1="587.166"
y2="80.044"
href="#a"
/>
<linearGradient
id="i"
x1="4.834"
x2="511.956"
y1="507.166"
y2=".044"
href="#a"
/>
<linearGradient
id="j"
x1="66.834"
x2="573.956"
y1="569.166"
y2="62.044"
href="#a"
/>
<linearGradient
id="k"
x1="2.354"
x2="509.476"
y1="504.686"
y2="-2.436"
href="#a"
/>
<linearGradient
id="l"
x1="38.834"
x2="545.956"
y1="541.166"
y2="34.044"
href="#a"
/>
<linearGradient
id="m"
x1="96.834"
x2="603.956"
y1="599.166"
y2="92.044"
href="#a"
/>
<path
fill="url(#a)"
d="M320 112H96a8 8 0 0 0-8 8v104a8 8 0 0 0 8 8h224a8 8 0 0 0 8-8V120a8 8 0 0 0-8-8zm-8 104H104v-88h208z"
/>
<path fill="url(#b)" d="M320 240H96a8 8 0 0 0 0 16h224a8 8 0 0 0 0-16z" />
<path fill="url(#c)" d="M96 280h144a8 8 0 0 0 0-16H96a8 8 0 0 0 0 16z" />
<path fill="url(#d)" d="M264 280h8a8 8 0 0 0 0-16h-8a8 8 0 0 0 0 16z" />
<path fill="url(#e)" d="M320 408H96a8 8 0 0 0 0 16h224a8 8 0 0 0 0-16z" />
<path fill="url(#f)" d="M96 448h40a8 8 0 0 0 0-16H96a8 8 0 0 0 0 16z" />
<path fill="url(#g)" d="M168 448a8 8 0 0 0 0-16h-8a8 8 0 0 0 0 16z" />
<path fill="url(#h)" d="M320 456H96a8 8 0 0 0 0 16h224a8 8 0 0 0 0-16z" />
<path
fill="url(#i)"
d="M96 400h144a8 8 0 0 0 8-8v-96a8 8 0 0 0-8-8H96a8 8 0 0 0-8 8v96a8 8 0 0 0 8 8zm8-96h128v80H104z"
/>
<path
fill="url(#j)"
d="M320 288h-56a8 8 0 0 0-8 8v96a8 8 0 0 0 8 8h56a8 8 0 0 0 8-8v-96a8 8 0 0 0-8-8zm-8 96h-40v-80h40z"
/>
<path
fill="url(#k)"
d="M440 8H168a8 8 0 0 0-8 8v64H96a32.036 32.036 0 0 0-32 32v384a8 8 0 0 0 8 8h272a8 8 0 0 0 8-8V392h65a8.258 8.258 0 0 0 1-.07A32.037 32.037 0 0 0 448 360V16a8 8 0 0 0-8-8zM336 112v376H80V112a16.021 16.021 0 0 1 16-16h244.31a31.705 31.705 0 0 0-4.31 16zm16 264V112a16 16 0 0 1 32 0v248a31.705 31.705 0 0 0 4.31 16zm80-16a16 16 0 0 1-32 0V112a32.036 32.036 0 0 0-32-32H176V24h256z"
/>
<path fill="url(#l)" d="M320 264h-24a8 8 0 0 0 0 16h24a8 8 0 0 0 0-16z" />
<path fill="url(#m)" d="M320 432H192a8 8 0 0 0 0 16h128a8 8 0 0 0 0-16z" />
</svg>
More icons in the same style and category