Add icons to this collection by clicking the heart icon.
Document icon - also known as file, document, storage, office material, archive, ui, inbox, 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 32 32"
>
<linearGradient
id="a"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="rotate(90 6.5 9) scale(35)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#54a5ff" />
<stop offset="1" stop-color="#0068dc" />
</linearGradient>
<linearGradient
id="b"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(0 28 -28 0 14 17)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#87d0fd" />
<stop offset="1" stop-color="#049fff" />
</linearGradient>
<linearGradient
id="c"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(0 33.75 -33.75 0 18 7.25)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#eff4fa" />
<stop offset="1" stop-color="#68a4ec" />
</linearGradient>
<g fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2">
<path
fill="url(#a)"
d="M25.107 22.03a1 1 0 0 0 .893-.994V7.328a3 3 0 0 0-.879-2.121l-1.828-1.828a3 3 0 0 0-2.121-.879H10a3.995 3.995 0 0 0-2.828 1.172A3.995 3.995 0 0 0 6 6.5v14.536a1 1 0 0 0 .893.994l9 .964a.957.957 0 0 0 .214 0z"
/>
<path
fill="url(#b)"
d="m16 20.994 11.68-1.251A2.998 2.998 0 0 1 31 22.726V28c0 .796-.316 1.559-.879 2.121A2.996 2.996 0 0 1 28 31H4a2.996 2.996 0 0 1-2.121-.879A2.996 2.996 0 0 1 1 28v-5.274a3 3 0 0 1 3.32-2.983z"
/>
<g fill="url(#c)">
<path
d="M14 9h7a1 1 0 0 0 0-2h-7a1 1 0 0 0 0 2zM11 13h10a1 1 0 0 0 0-2H11a1 1 0 0 0 0 2zM11 17h10a1 1 0 0 0 0-2H11a1 1 0 0 0 0 2z"
/>
</g>
</g>
</svg>
More icons in the same style and category