Add icons to this collection by clicking the heart icon.
Document icon - also known as interface, file, document, paper, documents, page, symbol, archive, records, catalog, files and folders, and business and finance. 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="100"
height="100"
viewBox="0 0 480 480"
>
<linearGradient
id="a"
x1="-48.697"
x2="10.335"
y1="573.625"
y2="573.625"
gradientTransform="matrix(8 0 0 -8 399 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#4761ac" />
<stop offset="1" stop-color="#54c2ef" />
</linearGradient>
<path d="M144 360h16a8 8 0 0 0 0-16h-16a8 8 0 0 0 0 16z" fill="url(#a)" />
<linearGradient
id="b"
x1="-48.697"
x2="10.335"
y1="573.625"
y2="573.625"
gradientTransform="matrix(8 0 0 -8 399 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#4761ac" />
<stop offset="1" stop-color="#54c2ef" />
</linearGradient>
<path d="M384 344H192a8 8 0 0 0 0 16h192a8 8 0 0 0 0-16z" fill="url(#b)" />
<linearGradient
id="c"
x1="-48.697"
x2="10.335"
y1="579.625"
y2="579.625"
gradientTransform="matrix(8 0 0 -8 399 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#4761ac" />
<stop offset="1" stop-color="#54c2ef" />
</linearGradient>
<path d="M144 312h16a8 8 0 0 0 0-16h-16a8 8 0 0 0 0 16z" fill="url(#c)" />
<linearGradient
id="d"
x1="-48.697"
x2="10.335"
y1="579.625"
y2="579.625"
gradientTransform="matrix(8 0 0 -8 399 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#4761ac" />
<stop offset="1" stop-color="#54c2ef" />
</linearGradient>
<path d="M384 296H192a8 8 0 0 0 0 16h192a8 8 0 0 0 0-16z" fill="url(#d)" />
<linearGradient
id="e"
x1="-48.697"
x2="10.335"
y1="585.625"
y2="585.625"
gradientTransform="matrix(8 0 0 -8 399 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#4761ac" />
<stop offset="1" stop-color="#54c2ef" />
</linearGradient>
<path d="M144 264h16a8 8 0 0 0 0-16h-16a8 8 0 0 0 0 16z" fill="url(#e)" />
<linearGradient
id="f"
x1="-48.697"
x2="10.335"
y1="585.625"
y2="585.625"
gradientTransform="matrix(8 0 0 -8 399 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#4761ac" />
<stop offset="1" stop-color="#54c2ef" />
</linearGradient>
<path d="M384 248H192a8 8 0 0 0 0 16h192a8 8 0 0 0 0-16z" fill="url(#f)" />
<linearGradient
id="g"
x1="-48.697"
x2="10.335"
y1="591.625"
y2="591.625"
gradientTransform="matrix(8 0 0 -8 399 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#4761ac" />
<stop offset="1" stop-color="#54c2ef" />
</linearGradient>
<path d="M144 216h16a8 8 0 0 0 0-16h-16a8 8 0 0 0 0 16z" fill="url(#g)" />
<linearGradient
id="h"
x1="-48.697"
x2="10.335"
y1="591.625"
y2="591.625"
gradientTransform="matrix(8 0 0 -8 399 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#4761ac" />
<stop offset="1" stop-color="#54c2ef" />
</linearGradient>
<path d="M384 200H192a8 8 0 0 0 0 16h192a8 8 0 0 0 0-16z" fill="url(#h)" />
<linearGradient
id="i"
x1="-48.697"
x2="10.335"
y1="597.625"
y2="597.625"
gradientTransform="matrix(8 0 0 -8 399 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#4761ac" />
<stop offset="1" stop-color="#54c2ef" />
</linearGradient>
<path d="M144 168h16a8 8 0 0 0 0-16h-16a8 8 0 0 0 0 16z" fill="url(#i)" />
<linearGradient
id="j"
x1="-48.697"
x2="10.335"
y1="597.625"
y2="597.625"
gradientTransform="matrix(8 0 0 -8 399 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#4761ac" />
<stop offset="1" stop-color="#54c2ef" />
</linearGradient>
<path
d="M184 160a8 8 0 0 0 8 8h192a8 8 0 0 0 0-16H192a8 8 0 0 0-8 8z"
fill="url(#j)"
/>
<linearGradient
id="k"
x1="-48.697"
x2="10.335"
y1="587.625"
y2="587.625"
gradientTransform="matrix(8 0 0 -8 399 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#4761ac" />
<stop offset="1" stop-color="#54c2ef" />
</linearGradient>
<path
d="M48 480h336a8 8 0 0 0 8-8v-40h40a8 8 0 0 0 8-8V120c0-.176-.088-.328-.104-.504a7.557 7.557 0 0 0-.408-2.056c-.088-.256-.152-.504-.264-.752a7.998 7.998 0 0 0-1.6-2.344l-112-112a7.998 7.998 0 0 0-2.344-1.6c-.248-.112-.496-.176-.744-.264a7.967 7.967 0 0 0-2.072-.416C320.328.088 320.176 0 320 0H96a8 8 0 0 0-8 8v24H48a8 8 0 0 0-8 8v432a8 8 0 0 0 8 8zm364.688-368H328V27.312L412.688 112zM104 16h208v104a8 8 0 0 0 8 8h104v288H104V16zM56 48h32v376a8 8 0 0 0 8 8h280v32H56V48z"
fill="url(#k)"
/>
<linearGradient
id="l"
x1="-48.697"
x2="10.335"
y1="604.625"
y2="604.625"
gradientTransform="matrix(8 0 0 -8 399 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#4761ac" />
<stop offset="1" stop-color="#54c2ef" />
</linearGradient>
<path
d="M144 136h48a8 8 0 0 0 8-8V80a8 8 0 0 0-8-8h-48a8 8 0 0 0-8 8v48a8 8 0 0 0 8 8zm8-48h32v32h-32V88z"
fill="url(#l)"
/>
</svg>
More icons in the same style and category