Add icons to this collection by clicking the heart icon.
Document icon - also known as interface, file, document, text, link, linked, Tools and utensils, archive, news, text lines, copy link, and files and folders. Created in a clean lineal 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 496 496"
>
<linearGradient
id="a"
x1="-62.194"
x2="2.785"
y1="564.205"
y2="629.186"
gradientTransform="matrix(8 0 0 -8 398.3 5013)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#aa6100" />
<stop offset=".093" stop-color="#ac6400" />
<stop offset=".165" stop-color="#b26e00" />
<stop offset=".231" stop-color="#bb7e00" />
<stop offset=".292" stop-color="#c99600" />
<stop offset=".35" stop-color="#dbb400" />
<stop offset=".405" stop-color="#f0d800" />
<stop offset=".439" stop-color="#fff200" />
<stop offset=".474" stop-color="#ffd705" />
<stop offset=".519" stop-color="#ffbb0a" />
<stop offset=".565" stop-color="#ffa80e" />
<stop offset=".611" stop-color="#ff9c10" />
<stop offset=".658" stop-color="#ff9811" />
<stop offset=".732" stop-color="#ff9a12" />
<stop offset=".758" stop-color="#ffa118" />
<stop offset=".777" stop-color="#ffac21" />
<stop offset=".793" stop-color="#ffbd2e" />
<stop offset=".806" stop-color="#ffd33f" />
<stop offset=".809" stop-color="#ffda44" />
<stop offset=".879" stop-color="#dda928" />
<stop offset=".96" stop-color="#b8750b" />
<stop offset="1" stop-color="#aa6100" />
</linearGradient>
<path
d="M104.1 192h224a8 8 0 0 0 0-16h-224a8 8 0 0 0 0 16z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-60.194"
x2="4.785"
y1="562.205"
y2="627.186"
gradientTransform="matrix(8 0 0 -8 398.3 5013)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#aa6100" />
<stop offset=".093" stop-color="#ac6400" />
<stop offset=".165" stop-color="#b26e00" />
<stop offset=".231" stop-color="#bb7e00" />
<stop offset=".292" stop-color="#c99600" />
<stop offset=".35" stop-color="#dbb400" />
<stop offset=".405" stop-color="#f0d800" />
<stop offset=".439" stop-color="#fff200" />
<stop offset=".474" stop-color="#ffd705" />
<stop offset=".519" stop-color="#ffbb0a" />
<stop offset=".565" stop-color="#ffa80e" />
<stop offset=".611" stop-color="#ff9c10" />
<stop offset=".658" stop-color="#ff9811" />
<stop offset=".732" stop-color="#ff9a12" />
<stop offset=".758" stop-color="#ffa118" />
<stop offset=".777" stop-color="#ffac21" />
<stop offset=".793" stop-color="#ffbd2e" />
<stop offset=".806" stop-color="#ffd33f" />
<stop offset=".809" stop-color="#ffda44" />
<stop offset=".879" stop-color="#dda928" />
<stop offset=".96" stop-color="#b8750b" />
<stop offset="1" stop-color="#aa6100" />
</linearGradient>
<path
d="M104.1 224h224a8 8 0 0 0 0-16h-224a8 8 0 0 0 0 16z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-58.194"
x2="6.785"
y1="560.205"
y2="625.186"
gradientTransform="matrix(8 0 0 -8 398.3 5013)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#aa6100" />
<stop offset=".093" stop-color="#ac6400" />
<stop offset=".165" stop-color="#b26e00" />
<stop offset=".231" stop-color="#bb7e00" />
<stop offset=".292" stop-color="#c99600" />
<stop offset=".35" stop-color="#dbb400" />
<stop offset=".405" stop-color="#f0d800" />
<stop offset=".439" stop-color="#fff200" />
<stop offset=".474" stop-color="#ffd705" />
<stop offset=".519" stop-color="#ffbb0a" />
<stop offset=".565" stop-color="#ffa80e" />
<stop offset=".611" stop-color="#ff9c10" />
<stop offset=".658" stop-color="#ff9811" />
<stop offset=".732" stop-color="#ff9a12" />
<stop offset=".758" stop-color="#ffa118" />
<stop offset=".777" stop-color="#ffac21" />
<stop offset=".793" stop-color="#ffbd2e" />
<stop offset=".806" stop-color="#ffd33f" />
<stop offset=".809" stop-color="#ffda44" />
<stop offset=".879" stop-color="#dda928" />
<stop offset=".96" stop-color="#b8750b" />
<stop offset="1" stop-color="#aa6100" />
</linearGradient>
<path
d="M104.1 256h224a8 8 0 0 0 0-16h-224a8 8 0 0 0 0 16z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="-56.194"
x2="8.785"
y1="558.205"
y2="623.186"
gradientTransform="matrix(8 0 0 -8 398.3 5013)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#aa6100" />
<stop offset=".093" stop-color="#ac6400" />
<stop offset=".165" stop-color="#b26e00" />
<stop offset=".231" stop-color="#bb7e00" />
<stop offset=".292" stop-color="#c99600" />
<stop offset=".35" stop-color="#dbb400" />
<stop offset=".405" stop-color="#f0d800" />
<stop offset=".439" stop-color="#fff200" />
<stop offset=".474" stop-color="#ffd705" />
<stop offset=".519" stop-color="#ffbb0a" />
<stop offset=".565" stop-color="#ffa80e" />
<stop offset=".611" stop-color="#ff9c10" />
<stop offset=".658" stop-color="#ff9811" />
<stop offset=".732" stop-color="#ff9a12" />
<stop offset=".758" stop-color="#ffa118" />
<stop offset=".777" stop-color="#ffac21" />
<stop offset=".793" stop-color="#ffbd2e" />
<stop offset=".806" stop-color="#ffd33f" />
<stop offset=".809" stop-color="#ffda44" />
<stop offset=".879" stop-color="#dda928" />
<stop offset=".96" stop-color="#b8750b" />
<stop offset="1" stop-color="#aa6100" />
</linearGradient>
<path
d="M104.1 288h224a8 8 0 0 0 0-16h-224a8 8 0 0 0 0 16z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="-54.194"
x2="10.785"
y1="556.205"
y2="621.186"
gradientTransform="matrix(8 0 0 -8 398.3 5013)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#aa6100" />
<stop offset=".093" stop-color="#ac6400" />
<stop offset=".165" stop-color="#b26e00" />
<stop offset=".231" stop-color="#bb7e00" />
<stop offset=".292" stop-color="#c99600" />
<stop offset=".35" stop-color="#dbb400" />
<stop offset=".405" stop-color="#f0d800" />
<stop offset=".439" stop-color="#fff200" />
<stop offset=".474" stop-color="#ffd705" />
<stop offset=".519" stop-color="#ffbb0a" />
<stop offset=".565" stop-color="#ffa80e" />
<stop offset=".611" stop-color="#ff9c10" />
<stop offset=".658" stop-color="#ff9811" />
<stop offset=".732" stop-color="#ff9a12" />
<stop offset=".758" stop-color="#ffa118" />
<stop offset=".777" stop-color="#ffac21" />
<stop offset=".793" stop-color="#ffbd2e" />
<stop offset=".806" stop-color="#ffd33f" />
<stop offset=".809" stop-color="#ffda44" />
<stop offset=".879" stop-color="#dda928" />
<stop offset=".96" stop-color="#b8750b" />
<stop offset="1" stop-color="#aa6100" />
</linearGradient>
<path
d="M336.1 312a8 8 0 0 0-8-8h-224a8 8 0 0 0 0 16h224a8 8 0 0 0 8-8z"
fill="url(#e)"
/>
<linearGradient
id="f"
x1="-55.961"
x2="9.021"
y1="557.973"
y2="622.952"
gradientTransform="matrix(8 0 0 -8 398.3 5013)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#aa6100" />
<stop offset=".093" stop-color="#ac6400" />
<stop offset=".165" stop-color="#b26e00" />
<stop offset=".231" stop-color="#bb7e00" />
<stop offset=".292" stop-color="#c99600" />
<stop offset=".35" stop-color="#dbb400" />
<stop offset=".405" stop-color="#f0d800" />
<stop offset=".439" stop-color="#fff200" />
<stop offset=".474" stop-color="#ffd705" />
<stop offset=".519" stop-color="#ffbb0a" />
<stop offset=".565" stop-color="#ffa80e" />
<stop offset=".611" stop-color="#ff9c10" />
<stop offset=".658" stop-color="#ff9811" />
<stop offset=".732" stop-color="#ff9a12" />
<stop offset=".758" stop-color="#ffa118" />
<stop offset=".777" stop-color="#ffac21" />
<stop offset=".793" stop-color="#ffbd2e" />
<stop offset=".806" stop-color="#ffd33f" />
<stop offset=".809" stop-color="#ffda44" />
<stop offset=".879" stop-color="#dda928" />
<stop offset=".96" stop-color="#b8750b" />
<stop offset="1" stop-color="#aa6100" />
</linearGradient>
<path
d="M448.1 392c-.05-36.645-27.586-67.42-64-71.528V8a8 8 0 0 0-8-8h-248a7.936 7.936 0 0 0-5.824 2.584L50.5 73.76a7.893 7.893 0 0 0-1.8 2.848A7.826 7.826 0 0 0 47.9 80c.034.418.101.832.2 1.24V488a8 8 0 0 0 8 8h320a8 8 0 0 0 8-8v-24.472c36.414-4.108 63.95-34.883 64-71.528zm-328-364.736V72H74.972L120.1 27.264zM64.1 480V88h64a8 8 0 0 0 8-8V16h232v304.472c-39.504 4.546-67.843 40.255-63.297 79.759 3.826 33.245 30.052 59.472 63.297 63.297V480h-304zm312-32c-30.928 0-56-25.072-56-56s25.072-56 56-56 56 25.072 56 56c-.04 30.911-25.088 55.96-56 56z"
fill="url(#f)"
/>
<linearGradient
id="g"
x1="-38.944"
x2="26.035"
y1="540.955"
y2="605.936"
gradientTransform="matrix(8 0 0 -8 398.3 5013)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#aa6100" />
<stop offset=".093" stop-color="#ac6400" />
<stop offset=".165" stop-color="#b26e00" />
<stop offset=".231" stop-color="#bb7e00" />
<stop offset=".292" stop-color="#c99600" />
<stop offset=".35" stop-color="#dbb400" />
<stop offset=".405" stop-color="#f0d800" />
<stop offset=".439" stop-color="#fff200" />
<stop offset=".474" stop-color="#ffd705" />
<stop offset=".519" stop-color="#ffbb0a" />
<stop offset=".565" stop-color="#ffa80e" />
<stop offset=".611" stop-color="#ff9c10" />
<stop offset=".658" stop-color="#ff9811" />
<stop offset=".732" stop-color="#ff9a12" />
<stop offset=".758" stop-color="#ffa118" />
<stop offset=".777" stop-color="#ffac21" />
<stop offset=".793" stop-color="#ffbd2e" />
<stop offset=".806" stop-color="#ffd33f" />
<stop offset=".809" stop-color="#ffda44" />
<stop offset=".879" stop-color="#dda928" />
<stop offset=".96" stop-color="#b8750b" />
<stop offset="1" stop-color="#aa6100" />
</linearGradient>
<path
d="M404.1 376h-12c-1.244 0-2.472.29-3.584.848l-12.416 6.208-12.376-6.208a7.993 7.993 0 0 0-3.584-.848H348.1c-11.046 0-20 8.954-20 20s8.954 20 20 20h12.04c1.244 0 2.472-.29 3.584-.848l12.376-6.208 12.376 6.208a7.999 7.999 0 0 0 3.624.848h12c11.046 0 20-8.954 20-20s-8.954-20-20-20zm-45.848 24H348.1a4 4 0 0 1 0-8h10.152l8 4-8 4zm45.848 0h-10.152l-8-4 8-4H404.1a4 4 0 0 1 0 8z"
fill="url(#g)"
/>
</svg>
More icons in the same style and category