Add icons to this collection by clicking the heart icon.
Document icon - also known as write, file, document, paper, compose, creative, create, and files and folders. Created in a clean flat 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 356 356"
>
<linearGradient
id="b"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="rotate(90 66.667 111.111) scale(266.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ebf9f8" />
<stop offset="1" stop-color="#c0c4f6" />
</linearGradient>
<linearGradient
id="c"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="rotate(65.556 12.711 95.558) scale(67.128)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#7fe1ef" />
<stop offset="1" stop-color="#0bb2f5" />
</linearGradient>
<linearGradient
id="d"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="rotate(45 -150.906 337.493) scale(47.14)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b0f596" />
<stop offset="1" stop-color="#1eac61" />
</linearGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#75858c" />
<stop offset="1" stop-color="#405a65" />
</linearGradient>
<linearGradient
id="e"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="rotate(45 -31.543 398.045) scale(39.284)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="scale(29.918) rotate(68.199 -2.603 8.562)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f9bf93" />
<stop offset="1" stop-color="#f78068" />
</linearGradient>
<linearGradient
id="g"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(44.444 0 0 11.111 83.333 150)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(148.148 0 0 37.037 70.37 177.778)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(125.926 0 0 37.037 73.148 205.556)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(103.704 0 0 37.037 75.926 233.333)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="k"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(88.889 0 0 37.037 77.778 261.111)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<g fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2">
<path
fill="url(#b)"
d="M250 50c0-6.136-4.975-11.111-11.111-11.111H133.333L50 108.333v197.223c0 6.136 4.975 11.111 11.111 11.111h177.778c6.136 0 11.111-4.975 11.111-11.111V50z"
/>
<path
fill="url(#c)"
d="M133.333 38.889 50 105.556h72.222c6.137 0 11.111-4.975 11.111-11.111V38.889z"
/>
<path
fill="url(#d)"
d="m211.275 252.138 78.567-78.568-23.57-23.57-78.568 78.567z"
/>
<path
fill="url(#e)"
d="M289.842 173.57 266.272 150l7.857-7.857c4.339-4.339 11.374-4.339 15.713 0l7.857 7.857c4.339 4.339 4.339 11.374 0 15.713l-7.857 7.857z"
/>
<path
fill="url(#f)"
d="m211.275 252.138-7.296 7.295-27.383 7.206a2.776 2.776 0 0 1-3.393-3.393l7.206-27.383 7.295-7.296z"
/>
<path
fill="url(#g)"
d="M88.889 155.556h33.333c3.066 0 5.556-2.49 5.556-5.556s-2.49-5.556-5.556-5.556H88.889c-3.066 0-5.556 2.49-5.556 5.556s2.49 5.556 5.556 5.556z"
/>
<path
fill="url(#h)"
d="M88.889 183.333H200c3.066 0 5.556-2.489 5.556-5.555s-2.49-5.556-5.556-5.556H88.889c-3.066 0-5.556 2.49-5.556 5.556s2.49 5.555 5.556 5.555z"
/>
<path
fill="url(#i)"
d="M88.889 211.111h88.889a5.557 5.557 0 0 0 5.555-5.555 5.558 5.558 0 0 0-5.555-5.556H88.889a5.559 5.559 0 0 0-5.556 5.556 5.558 5.558 0 0 0 5.556 5.555z"
/>
<path
fill="url(#j)"
d="M88.889 238.889h72.222a5.559 5.559 0 0 0 5.556-5.556 5.558 5.558 0 0 0-5.556-5.555H88.889a5.558 5.558 0 0 0-5.556 5.555 5.559 5.559 0 0 0 5.556 5.556z"
/>
<path
fill="url(#k)"
d="M88.889 266.667H150c3.066 0 5.556-2.49 5.556-5.556s-2.49-5.555-5.556-5.555H88.889c-3.066 0-5.556 2.489-5.556 5.555s2.49 5.556 5.556 5.556z"
/>
</g>
</svg>
More icons in the same style and category