Add icons to this collection by clicking the heart icon.
Document icon - also known as arrow, document, graph, statistics, bar chart, report, analytics, growth, analytic, 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="b"
x1="4"
x2="28"
y1="16"
y2="16"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#bbdefb" />
<stop offset="1" stop-color="#64b5f6" />
</linearGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#42a5f5" />
<stop offset="1" stop-color="#1e88e5" />
</linearGradient>
<linearGradient
id="c"
x1="19"
x2="28"
y1="5.5"
y2="5.5"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="9"
x2="11"
y1="20"
y2="20"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="17"
x2="19"
y1="19"
y2="19"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="21"
x2="23"
y1="17.5"
y2="17.5"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="11"
x2="17"
y1="16.5"
y2="16.5"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="9"
x2="23"
y1="25"
y2="25"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="m27.707 8.293-7-7A1 1 0 0 0 20 1H7C5.346 1 4 2.346 4 4v24c0 1.654 1.346 3 3 3h18c1.654 0 3-1.346 3-3V9a1 1 0 0 0-.293-.707z"
/>
<path
fill="url(#c)"
d="M27.99 9a.993.993 0 0 0-.283-.707l-7-7A.995.995 0 0 0 20 1.009V1h-1v6c0 1.654 1.346 3 3 3h6V9z"
/>
<path
fill="url(#d)"
d="M10 22a1 1 0 0 1-1-1v-2a1 1 0 1 1 2 0v2a1 1 0 0 1-1 1z"
/>
<path
fill="url(#e)"
d="M18 22a1 1 0 0 1-1-1v-4a1 1 0 1 1 2 0v4a1 1 0 0 1-1 1z"
/>
<path
fill="url(#f)"
d="M22 22a1 1 0 0 1-1-1v-7a1 1 0 1 1 2 0v7a1 1 0 0 1-1 1z"
/>
<path
fill="url(#g)"
d="m16.707 13.293-2-2a1 1 0 0 0-1.414 0l-2 2a1 1 0 1 0 1.414 1.414l.293-.293V21a1 1 0 1 0 2 0v-6.586l.293.293a.997.997 0 0 0 1.414 0 1 1 0 0 0 0-1.414z"
/>
<path fill="url(#h)" d="M22 26H10a1 1 0 1 1 0-2h12a1 1 0 1 1 0 2z" />
</svg>
More icons in the same style and category