Add icons to this collection by clicking the heart icon.
Document icon - also known as interface, file, document, sheet, text, 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 1000 1000"
>
<linearGradient id="a">
<stop offset=".065" stop-color="#1f386e" />
<stop offset=".461" stop-color="#005775" />
<stop offset=".993" stop-color="#71aeca" />
</linearGradient>
<linearGradient
id="b"
x1="234"
x2="763"
y1="499"
y2="499"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="313"
x2="685"
y1="749"
y2="749"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="313"
x2="685"
y1="483.857"
y2="483.857"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="313"
x2="685"
y1="616.429"
y2="616.429"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="313"
x2="685"
y1="682.714"
y2="682.714"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="313"
x2="685"
y1="550.143"
y2="550.143"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="313"
x2="685"
y1="417.571"
y2="417.571"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="313"
x2="685"
y1="351.286"
y2="351.286"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="313"
x2="514"
y1="285"
y2="285"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="none"
stroke="url(#b)"
stroke-miterlimit="10"
stroke-width="20"
d="M698 858H299c-30.33 0-55-24.67-55-55V195c0-30.33 24.67-55 55-55h257.05c14.69 0 28.5 5.72 38.89 16.11l141.95 141.95c10.39 10.39 16.11 24.2 16.11 38.89V803c0 30.33-24.67 55-55 55zM299 150c-24.81 0-45 20.19-45 45v608c0 24.81 20.19 45 45 45h399c24.81 0 45-20.19 45-45V336.95c0-12.02-4.68-23.32-13.18-31.82L587.87 163.18c-8.5-8.5-19.8-13.18-31.82-13.18z"
/>
<path
fill="none"
stroke="url(#c)"
stroke-miterlimit="10"
stroke-width="20"
d="M670 754H328c-2.76 0-5-2.24-5-5s2.24-5 5-5h342c2.76 0 5 2.24 5 5s-2.24 5-5 5z"
/>
<path
fill="none"
stroke="url(#d)"
stroke-miterlimit="10"
stroke-width="20"
d="M670 488.86H328c-2.76 0-5-2.24-5-5s2.24-5 5-5h342c2.76 0 5 2.24 5 5s-2.24 5-5 5z"
/>
<path
fill="none"
stroke="url(#e)"
stroke-miterlimit="10"
stroke-width="20"
d="M670 621.43H328c-2.76 0-5-2.24-5-5s2.24-5 5-5h342c2.76 0 5 2.24 5 5s-2.24 5-5 5z"
/>
<path
fill="none"
stroke="url(#f)"
stroke-miterlimit="10"
stroke-width="20"
d="M670 687.71H328c-2.76 0-5-2.24-5-5s2.24-5 5-5h342c2.76 0 5 2.24 5 5s-2.24 5-5 5z"
/>
<path
fill="none"
stroke="url(#g)"
stroke-miterlimit="10"
stroke-width="20"
d="M670 555.14H328c-2.76 0-5-2.24-5-5s2.24-5 5-5h342c2.76 0 5 2.24 5 5s-2.24 5-5 5z"
/>
<path
fill="none"
stroke="url(#h)"
stroke-miterlimit="10"
stroke-width="20"
d="M670 422.57H328c-2.76 0-5-2.24-5-5s2.24-5 5-5h342c2.76 0 5 2.24 5 5s-2.24 5-5 5z"
/>
<path
fill="none"
stroke="url(#i)"
stroke-miterlimit="10"
stroke-width="20"
d="M670 356.29H328c-2.76 0-5-2.24-5-5s2.24-5 5-5h342c2.76 0 5 2.24 5 5s-2.24 5-5 5z"
/>
<path
fill="none"
stroke="url(#j)"
stroke-miterlimit="10"
stroke-width="20"
d="M499 290H328c-2.76 0-5-2.24-5-5s2.24-5 5-5h171c2.76 0 5 2.24 5 5s-2.24 5-5 5z"
/>
</svg>
More icons in the same style and category