Add icons to this collection by clicking the heart icon.
Document icon - also known as interface, file, document, sheet, text, paper, edit, documents, copy, archive, ui, papers, 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 1059.989 1059.989"
>
<linearGradient
id="a"
x1="529.995"
x2="529.995"
y1="1112.536"
y2="26.825"
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="M1042.323 176.665c9.757 0 17.666-7.91 17.666-17.666V88.332C1059.931 39.572 1020.417.058 971.657 0H229.664c-48.76.058-88.274 39.572-88.332 88.332v141.332H52.999c-29.27 0-52.999 23.729-52.999 53v494.662c0 29.271 23.729 52.999 52.999 52.999h88.332v52.999H17.666C7.91 883.324 0 891.234 0 900.991v70.666c.058 48.76 39.572 88.274 88.332 88.332h741.992c48.76-.058 88.274-39.572 88.332-88.332V830.325h88.332c29.271 0 52.999-23.729 52.999-52.999V282.664c0-29.271-23.729-52.999-52.999-52.999h-88.332v-52.999h123.667zm-17.667-88.333v52.999H918.657V88.332c0-29.271 23.729-52.999 52.999-52.999 29.271 0 53 23.729 53 52.999zM88.332 1024.656c-29.271 0-52.999-23.729-52.999-53v-52.999h706.659v52.999a87.418 87.418 0 0 0 18.126 53H88.332zm794.992-52.999c0 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.665v-52.999h706.659v141.332zm141.332-688.993v494.662c0 9.757-7.91 17.667-17.667 17.667H52.999c-9.757 0-17.666-7.91-17.666-17.667V282.664c0-9.757 7.91-17.667 17.666-17.667h953.99c9.758 0 17.667 7.91 17.667 17.667zm-847.991-53V88.332c0-29.271 23.729-52.999 52.999-52.999H901.45a87.412 87.412 0 0 0-18.126 52.999v141.332H176.665z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="883.324"
x2="883.324"
y1="1100.541"
y2="24.387"
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="M794.992 759.659h176.665c9.757 0 17.667-7.91 17.667-17.666v-70.666c0-9.757-7.91-17.667-17.667-17.667H794.992c-9.757 0-17.667 7.91-17.667 17.667v70.666c0 9.756 7.91 17.666 17.667 17.666zm17.666-70.666H953.99v35.333H812.658v-35.333z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="88.332"
x2="88.332"
y1="1118.455"
y2="34.651"
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="M70.666 300.33h35.333v35.333H70.666z" fill="url(#c)" />
<linearGradient
id="d"
x1="158.998"
x2="158.998"
y1="1113.72"
y2="41.347"
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="M123.665 300.33h70.666v35.333h-70.666z" fill="url(#d)" />
<linearGradient
id="e"
x1="247.331"
x2="247.331"
y1="1112.801"
y2="40.41"
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="M211.998 300.33h70.666v35.333h-70.666z" fill="url(#e)" />
<linearGradient
id="f"
x1="176.665"
x2="176.665"
y1="1095.241"
y2="66.186"
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="M70.666 353.33h211.998v35.333H70.666z" fill="url(#f)" />
<linearGradient
id="g"
x1="88.332"
x2="88.332"
y1="1113.95"
y2="30.146"
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="M70.666 724.326h35.333v35.333H70.666z" fill="url(#g)" />
<linearGradient
id="h"
x1="203.165"
x2="203.165"
y1="1084.129"
y2="39.227"
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="M123.665 724.326h158.998v35.333H123.665z" fill="url(#h)" />
<linearGradient
id="i"
x1="176.665"
x2="176.665"
y1="1075.967"
y2="46.912"
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="M70.666 671.326h211.998v35.333H70.666z" fill="url(#i)" />
<linearGradient
id="j"
x1="794.992"
x2="794.992"
y1="1110.929"
y2="27.143"
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="M777.325 300.33h35.333v35.333h-35.333z" fill="url(#j)" />
<linearGradient
id="k"
x1="909.824"
x2="909.824"
y1="1096.442"
y2="51.558"
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="M830.325 300.33h158.998v35.333H830.325z" fill="url(#k)" />
<linearGradient
id="l"
x1="883.324"
x2="883.324"
y1="1087.026"
y2="57.971"
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="M777.325 370.996h211.998v35.333H777.325z" fill="url(#l)" />
<linearGradient
id="m"
x1="856.824"
x2="856.824"
y1="1090.471"
y2="45.569"
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="M777.325 441.662h158.998v35.333H777.325z" fill="url(#m)" />
<linearGradient
id="n"
x1="971.657"
x2="971.657"
y1="1107.554"
y2="23.751"
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="M953.99 441.662h35.333v35.333H953.99z" fill="url(#n)" />
<linearGradient
id="o"
x1="794.992"
x2="794.992"
y1="1108.685"
y2="24.882"
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="M777.325 512.328h35.333v35.333h-35.333z" fill="url(#o)" />
<linearGradient
id="p"
x1="865.658"
x2="865.658"
y1="1101.831"
y2="29.44"
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="M830.325 512.328h70.666v35.333h-70.666z" fill="url(#p)" />
<linearGradient
id="q"
x1="953.99"
x2="953.99"
y1="1100.894"
y2="28.503"
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="M918.657 512.328h70.666v35.333h-70.666z" fill="url(#q)" />
<linearGradient
id="r"
x1="883.324"
x2="883.324"
y1="1074.182"
y2="45.127"
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="M777.325 582.994h211.998v35.333H777.325z" fill="url(#r)" />
<linearGradient
id="s"
x1="529.995"
x2="529.995"
y1="1117.748"
y2="22.355"
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="M529.995 759.659c126.84 0 229.664-102.824 229.664-229.664S656.835 300.33 529.995 300.33 300.33 403.154 300.33 529.995c.146 126.779 102.885 229.518 229.665 229.664zm141.331-229.664c0 78.055-63.276 141.332-141.332 141.332S388.663 608.05 388.663 529.995s63.276-141.332 141.332-141.332c78.019.087 141.244 63.312 141.331 141.332zM393.291 418.272a175.697 175.697 0 0 0-39.061 94.056h-17.666a193.382 193.382 0 0 1 44.166-106.6l12.561 12.544zm-39.06 129.389a175.69 175.69 0 0 0 39.061 94.056l-12.543 12.543a193.375 193.375 0 0 1-44.184-106.6h17.666zm51.497 131.58 12.543-12.543c64.952 53.283 158.493 53.283 223.446 0l12.543 12.543c-71.939 60.112-176.592 60.112-248.532 0zm273.513-24.981-12.543-12.543c53.283-64.952 53.283-158.493 0-223.446l12.543-12.543c60.112 71.94 60.112 176.593 0 248.532zm-24.98-273.512-12.543 12.543c-64.952-53.283-158.493-53.283-223.446 0l-12.543-12.543c71.939-60.112 176.592-60.112 248.532 0z"
fill="url(#s)"
/>
</svg>
More icons in the same style and category