Add icons to this collection by clicking the heart icon.
Document icon - also known as file, document, sheet, text, paper, documents, check mark, delete, cancel, archive, 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="100"
height="100"
viewBox="0 0 1060.001 1060.001"
>
<linearGradient
id="a"
x1="530"
x2="530"
y1="1075.655"
y2="-90.333"
gradientTransform="matrix(1 0 0 -1 0 1058)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".014" stop-color="#fee72e" />
<stop offset=".042" stop-color="#fed51b" />
<stop offset=".07" stop-color="#fdca10" />
<stop offset=".1" stop-color="#fdc70c" />
<stop offset=".4" stop-color="#f3903f" />
<stop offset=".8" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<path
d="M971.662.012H232.85c-49.627-.788-90.545 38.708-91.512 88.332v52.999H17.672c-9.757 0-17.666 7.91-17.666 17.666v600.66a17.342 17.342 0 0 0 1.767 7.402c.373.644.786 1.263 1.237 1.855a17.671 17.671 0 0 0 3.392 4.046c.265.23.389.601.689.83l134.248 100.699v8.833H17.672c-9.757 0-17.666 7.91-17.666 17.667v70.666c.058 48.76 39.572 88.274 88.332 88.332H830.33c48.76-.058 88.274-39.572 88.332-88.332V176.676h123.665c9.757 0 17.667-7.91 17.667-17.666V88.344c-.058-48.76-39.571-88.274-88.332-88.332zM777.331 194.343l105.999 79.499v556.494l-105.999-79.499V194.343zM176.671 88.344c.961-30.111 26.063-53.792 56.179-52.999h668.606a87.412 87.412 0 0 0-18.126 52.999v141.332l-113.066-84.799a17.58 17.58 0 0 0-2.933-1.608c-.371-.177-.689-.442-1.078-.601a17.662 17.662 0 0 0-6.024-1.219c-.194 0-.371-.106-.565-.106H176.671V88.344zM35.339 176.676h706.659v565.327H35.339V176.676zm35.333 600.661h70.666v52.999l-70.666-52.999zM35.339 971.668v-52.999h706.659v52.999a87.418 87.418 0 0 0 18.126 53H88.338c-29.271 0-52.999-23.729-52.999-53zm847.991 0c0 29.271-23.729 53-52.999 53s-52.999-23.729-52.999-53v-70.666c0-9.757-7.91-17.667-17.667-17.667H176.671V777.337h577.111l129.548 97.166v97.165zm141.332-830.325H918.663V88.344c0-29.271 23.729-52.999 52.999-52.999 29.271 0 52.999 23.729 52.999 52.999v52.999z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="159.004"
x2="159.004"
y1="1075.655"
y2="-90.333"
gradientTransform="matrix(1 0 0 -1 0 1058)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".014" stop-color="#fee72e" />
<stop offset=".042" stop-color="#fed51b" />
<stop offset=".07" stop-color="#fdca10" />
<stop offset=".1" stop-color="#fdc70c" />
<stop offset=".4" stop-color="#f3903f" />
<stop offset=".8" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<path
d="M134.024 375.301a17.667 17.667 0 0 0 12.49-5.176l99.939-99.939-24.98-24.98-87.449 87.449-37.488-37.488-24.98 24.98 49.978 49.978a17.667 17.667 0 0 0 12.49 5.176z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="132.504"
x2="132.504"
y1="1075.655"
y2="-90.333"
gradientTransform="matrix(1 0 0 -1 0 1058)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".014" stop-color="#fee72e" />
<stop offset=".042" stop-color="#fed51b" />
<stop offset=".07" stop-color="#fdca10" />
<stop offset=".1" stop-color="#fdc70c" />
<stop offset=".4" stop-color="#f3903f" />
<stop offset=".8" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<path
d="m71.555 648.495 24.98 24.981 35.969-35.969 35.969 35.969 24.981-24.981-35.969-35.969 38.99-38.99-24.981-24.98-38.99 38.99-38.989-38.99-24.981 24.98 38.99 38.99z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="353.336"
x2="353.336"
y1="1075.655"
y2="-90.333"
gradientTransform="matrix(1 0 0 -1 0 1058)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".014" stop-color="#fee72e" />
<stop offset=".042" stop-color="#fed51b" />
<stop offset=".07" stop-color="#fdca10" />
<stop offset=".1" stop-color="#fdc70c" />
<stop offset=".4" stop-color="#f3903f" />
<stop offset=".8" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<path d="M318.003 212.009h70.666v35.333h-70.666z" fill="url(#d)" />
<linearGradient
id="e"
x1="556.5"
x2="556.5"
y1="1075.655"
y2="-90.333"
gradientTransform="matrix(1 0 0 -1 0 1058)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".014" stop-color="#fee72e" />
<stop offset=".042" stop-color="#fed51b" />
<stop offset=".07" stop-color="#fdca10" />
<stop offset=".1" stop-color="#fdc70c" />
<stop offset=".4" stop-color="#f3903f" />
<stop offset=".8" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<path d="M406.335 212.009h300.33v35.333h-300.33z" fill="url(#e)" />
<linearGradient
id="f"
x1="353.336"
x2="353.336"
y1="1075.655"
y2="-90.333"
gradientTransform="matrix(1 0 0 -1 0 1058)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".014" stop-color="#fee72e" />
<stop offset=".042" stop-color="#fed51b" />
<stop offset=".07" stop-color="#fdca10" />
<stop offset=".1" stop-color="#fdc70c" />
<stop offset=".4" stop-color="#f3903f" />
<stop offset=".8" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<path d="M318.003 282.675h70.666v35.333h-70.666z" fill="url(#f)" />
<linearGradient
id="g"
x1="556.5"
x2="556.5"
y1="1075.655"
y2="-90.333"
gradientTransform="matrix(1 0 0 -1 0 1058)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".014" stop-color="#fee72e" />
<stop offset=".042" stop-color="#fed51b" />
<stop offset=".07" stop-color="#fdca10" />
<stop offset=".1" stop-color="#fdc70c" />
<stop offset=".4" stop-color="#f3903f" />
<stop offset=".8" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<path d="M406.335 282.675h300.33v35.333h-300.33z" fill="url(#g)" />
<linearGradient
id="h"
x1="353.336"
x2="353.336"
y1="1075.655"
y2="-90.333"
gradientTransform="matrix(1 0 0 -1 0 1058)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".014" stop-color="#fee72e" />
<stop offset=".042" stop-color="#fed51b" />
<stop offset=".07" stop-color="#fdca10" />
<stop offset=".1" stop-color="#fdc70c" />
<stop offset=".4" stop-color="#f3903f" />
<stop offset=".8" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<path d="M318.003 353.341h70.666v35.333h-70.666z" fill="url(#h)" />
<linearGradient
id="i"
x1="671.332"
x2="671.332"
y1="1075.655"
y2="-90.333"
gradientTransform="matrix(1 0 0 -1 0 1058)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".014" stop-color="#fee72e" />
<stop offset=".042" stop-color="#fed51b" />
<stop offset=".07" stop-color="#fdca10" />
<stop offset=".1" stop-color="#fdc70c" />
<stop offset=".4" stop-color="#f3903f" />
<stop offset=".8" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<path d="M635.999 530.006h70.666v35.333h-70.666z" fill="url(#i)" />
<linearGradient
id="j"
x1="671.332"
x2="671.332"
y1="1075.655"
y2="-90.333"
gradientTransform="matrix(1 0 0 -1 0 1058)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".014" stop-color="#fee72e" />
<stop offset=".042" stop-color="#fed51b" />
<stop offset=".07" stop-color="#fdca10" />
<stop offset=".1" stop-color="#fdc70c" />
<stop offset=".4" stop-color="#f3903f" />
<stop offset=".8" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<path d="M635.999 600.672h70.666v35.333h-70.666z" fill="url(#j)" />
<linearGradient
id="k"
x1="671.332"
x2="671.332"
y1="1075.655"
y2="-90.333"
gradientTransform="matrix(1 0 0 -1 0 1058)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".014" stop-color="#fee72e" />
<stop offset=".042" stop-color="#fed51b" />
<stop offset=".07" stop-color="#fdca10" />
<stop offset=".1" stop-color="#fdc70c" />
<stop offset=".4" stop-color="#f3903f" />
<stop offset=".8" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<path d="M635.999 671.338h70.666v35.333h-70.666z" fill="url(#k)" />
<linearGradient
id="l"
x1="556.5"
x2="556.5"
y1="1075.655"
y2="-90.333"
gradientTransform="matrix(1 0 0 -1 0 1058)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".014" stop-color="#fee72e" />
<stop offset=".042" stop-color="#fed51b" />
<stop offset=".07" stop-color="#fdca10" />
<stop offset=".1" stop-color="#fdc70c" />
<stop offset=".4" stop-color="#f3903f" />
<stop offset=".8" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<path d="M406.335 353.341h300.33v35.333h-300.33z" fill="url(#l)" />
<linearGradient
id="m"
x1="468.168"
x2="468.168"
y1="1075.655"
y2="-90.333"
gradientTransform="matrix(1 0 0 -1 0 1058)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".014" stop-color="#fee72e" />
<stop offset=".042" stop-color="#fed51b" />
<stop offset=".07" stop-color="#fdca10" />
<stop offset=".1" stop-color="#fdc70c" />
<stop offset=".4" stop-color="#f3903f" />
<stop offset=".8" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<path d="M318.003 530.006h300.33v35.333h-300.33z" fill="url(#m)" />
<linearGradient
id="n"
x1="468.168"
x2="468.168"
y1="1075.655"
y2="-90.333"
gradientTransform="matrix(1 0 0 -1 0 1058)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".014" stop-color="#fee72e" />
<stop offset=".042" stop-color="#fed51b" />
<stop offset=".07" stop-color="#fdca10" />
<stop offset=".1" stop-color="#fdc70c" />
<stop offset=".4" stop-color="#f3903f" />
<stop offset=".8" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<path d="M318.003 600.672h300.33v35.333h-300.33z" fill="url(#n)" />
<linearGradient
id="o"
x1="468.168"
x2="468.168"
y1="1075.655"
y2="-90.333"
gradientTransform="matrix(1 0 0 -1 0 1058)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".014" stop-color="#fee72e" />
<stop offset=".042" stop-color="#fed51b" />
<stop offset=".07" stop-color="#fdca10" />
<stop offset=".1" stop-color="#fdc70c" />
<stop offset=".4" stop-color="#f3903f" />
<stop offset=".8" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<path d="M318.003 671.338h300.33v35.333h-300.33z" fill="url(#o)" />
</svg>
More icons in the same style and category