Add icons to this collection by clicking the heart icon.
Document icon - also known as interface, file, document, sheet, text, ui, 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="-25"
x2="488.452"
y1="256"
y2="256"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#003f8a" />
<stop offset=".518" stop-color="#00d7df" />
<stop offset="1" stop-color="#006df0" />
</linearGradient>
<linearGradient id="b" x2="488.452" y1="128" y2="128" href="#a" />
<linearGradient id="c" x2="488.452" y1="160" y2="160" href="#a" />
<linearGradient id="d" x2="488.452" y1="192" y2="192" href="#a" />
<linearGradient id="e" x2="488.452" y1="224" y2="224" href="#a" />
<linearGradient id="f" x2="488.452" y1="288" y2="288" href="#a" />
<linearGradient id="g" x2="488.452" y1="320" y2="320" href="#a" />
<linearGradient id="h" x2="488.452" y1="352" y2="352" href="#a" />
<linearGradient id="i" x2="488.452" y1="384" y2="384" href="#a" />
<path
fill="url(#a)"
d="M476 8H36A28.031 28.031 0 0 0 8 36v440a28.031 28.031 0 0 0 28 28h440a28.031 28.031 0 0 0 28-28V36a28.031 28.031 0 0 0-28-28zm12 468a12.01 12.01 0 0 1-12 12H36a12.01 12.01 0 0 1-12-12V36a12.01 12.01 0 0 1 12-12h440a12.01 12.01 0 0 1 12 12z"
/>
<path
fill="url(#a)"
d="M376 80H136a8 8 0 0 0-8 8v336a8 8 0 0 0 8 8h176a8.008 8.008 0 0 0 5.66-2.34l64-64A8.008 8.008 0 0 0 384 360V88a8 8 0 0 0-8-8zm-56 324.69V368h36.69zM368 352h-56a8 8 0 0 0-8 8v56H144V96h224z"
/>
<path fill="url(#b)" d="M168 136h176a8 8 0 0 0 0-16H168a8 8 0 0 0 0 16z" />
<path fill="url(#c)" d="M168 168h176a8 8 0 0 0 0-16H168a8 8 0 0 0 0 16z" />
<path fill="url(#d)" d="M168 200h176a8 8 0 0 0 0-16H168a8 8 0 0 0 0 16z" />
<path fill="url(#e)" d="M168 232h112a8 8 0 0 0 0-16H168a8 8 0 0 0 0 16z" />
<path fill="url(#a)" d="M168 264h176a8 8 0 0 0 0-16H168a8 8 0 0 0 0 16z" />
<path fill="url(#f)" d="M168 296h176a8 8 0 0 0 0-16H168a8 8 0 0 0 0 16z" />
<path fill="url(#g)" d="M168 328h176a8 8 0 0 0 0-16H168a8 8 0 0 0 0 16z" />
<path fill="url(#h)" d="M168 360h112a8 8 0 0 0 0-16H168a8 8 0 0 0 0 16z" />
<path fill="url(#i)" d="M280 376H168a8 8 0 0 0 0 16h112a8 8 0 0 0 0-16z" />
</svg>
More icons in the same style and category