Add icons to this collection by clicking the heart icon.
Document icon - also known as interface, file, document, attachment, archive, and files and folders. Created in a clean blue 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="448pt"
height="448pt"
viewBox="-28 0 448 448.62"
>
<linearGradient
id="b"
x1="341.975"
x2="341.975"
y1="337.82"
y2="411.49"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#c1e9f4" />
<stop offset="1" stop-color="#97dcff" />
</linearGradient>
<linearGradient
id="c"
x1="63.39"
x2="384.47"
y1="168.91"
y2="168.91"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e8f4f9" />
<stop offset="1" stop-color="#d7f2ff" />
</linearGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#80e0f9" />
<stop offset="1" stop-color="#4ac7ff" />
</linearGradient>
<linearGradient
id="d"
x1="67.315"
x2="67.315"
y1="241.81"
y2="440.62"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="164.72"
x2="283.13"
y1="44.65"
y2="44.65"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="99.05"
x2="348.8"
y1="73.5"
y2="73.5"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="99.05"
x2="348.8"
y1="102.35"
y2="102.35"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="99.05"
x2="348.8"
y1="131.19"
y2="131.19"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="99.05"
x2="348.8"
y1="160.04"
y2="160.04"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="99.05"
x2="348.8"
y1="188.89"
y2="188.89"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="k"
x1="99.05"
x2="348.8"
y1="217.74"
y2="217.74"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="l"
x1="99.05"
x2="348.8"
y1="246.59"
y2="246.59"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="m"
x1="122.32"
x2="348.8"
y1="275.44"
y2="275.44"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="n"
x1="153.88"
x2="266.36"
y1="333.14"
y2="333.14"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="o"
x1="153.88"
x2="266.36"
y1="361.98"
y2="361.98"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="p"
x1="153.88"
x2="266.36"
y1="304.29"
y2="304.29"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="#054776"
d="M388.469 0H59.39c-2.211 0-4 1.79-4 4v230.691a46.12 46.12 0 0 0-8.93-.882c-25.45 0-46.152 20.703-46.152 46.152V383.64c.011 35.828 29.16 64.98 65 64.98 20.07 0 38.043-9.14 49.972-23.473h185.86c.05 0 .09-.007.14-.02.219 0 .43-.019.64-.058.188-.039.36-.101.54-.16.07-.031.14-.039.2-.058.218-.09.417-.211.62-.332.02-.02.047-.02.07-.04.227-.152.45-.332.637-.53l87.301-87.29c.02-.02.04-.05.063-.07a5.47 5.47 0 0 0 .386-.469c.043-.07.082-.14.121-.21.09-.13.16-.27.23-.411.032-.07.071-.148.102-.219.07-.191.13-.37.168-.562.012-.04.02-.078.032-.11.05-.238.07-.468.07-.71 0-.028.008-.047.008-.079V4c0-2.21-1.79-4-4-4zM305.14 411.488V337.82h73.668zm79.328-81.668H301.14c-2.211 0-4 1.79-4 4v83.328H120.98a64.538 64.538 0 0 0 9.34-33.527V304.29c0-2.21-1.79-4-4-4-2.212 0-4 1.79-4 4v79.332c0 31.43-25.571 57-57.012 57-31.43 0-57-25.57-57-57v-103.66c0-21.031 17.113-38.152 38.152-38.152 21.027 0 38.148 17.12 38.148 38.152v103.66c0 10.64-8.66 19.29-19.3 19.29-10.63 0-19.29-8.65-19.29-19.29v-103.66c0-2.211-1.789-4-4-4-2.21 0-4 1.789-4 4V383.64c.012 15.039 12.25 27.27 27.29 27.27 15.05 0 27.3-12.24 27.3-27.29v-103.66c0-19.473-12.129-36.152-29.218-42.922V8h321.078zm0 0"
/>
<path fill="url(#b)" d="m378.809 337.82-73.668 73.668V337.82zm0 0" />
<path
fill="#fff"
d="M63.39 8v229.04c17.09 6.769 29.22 23.448 29.22 42.92v20.33h33.71c2.211 0 4 1.788 4 4v79.331c0 12.258-3.41 23.73-9.34 33.527h176.16V333.82c0-2.21 1.79-4 4-4h83.329V8zM168.72 40.648h110.41a4 4 0 0 1 0 8h-110.41a4 4 0 0 1 0-8zm93.64 325.332H157.88a4 4 0 0 1 0-8h104.48c2.2 0 4 1.79 4 4 0 2.211-1.8 4-4 4zm0-28.84H157.88c-2.207 0-4-1.8-4-4a4 4 0 0 1 4-4h104.48c2.2 0 4 1.79 4 4 0 2.2-1.8 4-4 4zm0-28.85H157.88a4 4 0 0 1 0-8h104.48c2.2 0 4 1.788 4 4 0 2.21-1.8 4-4 4zm82.442-28.849H126.32a4 4 0 0 1 0-8H344.8a4 4 0 0 1 0 8zm0-28.851H103.05c-2.211 0-4-1.79-4-4 0-2.211 1.789-4 4-4H344.8c2.21 0 4 1.789 4 4 0 2.21-1.79 4-4 4zm0-28.852H103.05a4 4 0 0 1 0-8H344.8a4 4 0 0 1 0 8zm0-28.847H103.05c-2.211 0-4-1.79-4-4s1.789-4 4-4H344.8c2.21 0 4 1.789 4 4s-1.79 4-4 4zm0-28.852H103.05c-2.211 0-4-1.789-4-4 0-2.21 1.789-4 4-4H344.8c2.21 0 4 1.79 4 4 0 2.211-1.79 4-4 4zm0-28.848H103.05a4 4 0 0 1 0-8H344.8a4 4 0 0 1 0 8zm0-28.84H103.05c-2.211 0-4-1.8-4-4 0-2.21 1.789-4 4-4H344.8c2.21 0 4 1.79 4 4 0 2.2-1.79 4-4 4zm0-28.851H103.05c-2.211 0-4-1.79-4-4s1.789-4 4-4H344.8c2.21 0 4 1.79 4 4s-1.79 4-4 4zm0 0"
/>
<path fill="url(#c)" d="M63.39 8v9.25H375.22v312.57h9.25V8zm0 0" />
<path
fill="url(#d)"
d="M126.32 300.29c-2.21 0-4 1.788-4 4v79.331c0 31.43-25.57 57-57.011 57-27.07 0-49.797-18.973-55.579-44.32a57.086 57.086 0 0 1-1.421-12.68v-103.66c0-21.031 17.113-38.152 38.152-38.152 21.027 0 38.148 17.12 38.148 38.152v103.66c0 10.64-8.66 19.29-19.3 19.29-10.63 0-19.29-8.65-19.29-19.29v-103.66c0-2.211-1.789-4-4-4-2.21 0-4 1.789-4 4V383.64c.012 15.039 12.25 27.27 27.29 27.27 15.05 0 27.3-12.24 27.3-27.29V300.29zm0 0"
/>
<path
fill="url(#e)"
d="M283.129 44.648c0 2.211-1.79 4-4 4h-110.41a4 4 0 0 1 0-8h110.41a4 4 0 0 1 4 4zm0 0"
/>
<path
fill="url(#f)"
d="M348.8 73.5c0 2.21-1.788 4-4 4H103.05c-2.21 0-4-1.79-4-4s1.79-4 4-4H344.8c2.212 0 4 1.79 4 4zm0 0"
/>
<path
fill="url(#g)"
d="M348.8 102.352c0 2.199-1.788 4-4 4H103.05c-2.21 0-4-1.801-4-4 0-2.211 1.79-4 4-4H344.8c2.212 0 4 1.789 4 4zm0 0"
/>
<path
fill="url(#h)"
d="M348.8 131.191a4 4 0 0 1-4 4H103.05a4 4 0 0 1 0-8H344.8c2.212 0 4 1.79 4 4zm0 0"
/>
<path
fill="url(#i)"
d="M348.8 160.04c0 2.21-1.788 4-4 4H103.05c-2.21 0-4-1.79-4-4 0-2.212 1.79-4 4-4H344.8c2.212 0 4 1.788 4 4zm0 0"
/>
<path
fill="url(#j)"
d="M348.8 188.89c0 2.212-1.788 4-4 4H103.05c-2.21 0-4-1.788-4-4s1.79-4 4-4H344.8c2.212 0 4 1.79 4 4zm0 0"
/>
<path
fill="url(#k)"
d="M348.8 217.738c0 2.211-1.788 4-4 4H103.05a4 4 0 0 1 0-8H344.8a4 4 0 0 1 4 4zm0 0"
/>
<path
fill="url(#l)"
d="M348.8 246.59c0 2.21-1.788 4-4 4H103.05c-2.21 0-4-1.79-4-4 0-2.211 1.79-4 4-4H344.8c2.212 0 4 1.789 4 4zm0 0"
/>
<path
fill="url(#m)"
d="M348.8 275.441a4 4 0 0 1-4 4H126.32a4 4 0 0 1 0-8H344.8c2.212 0 4 1.79 4 4zm0 0"
/>
<path
fill="url(#n)"
d="M266.36 333.14c0 2.2-1.801 4-4 4H157.878c-2.207 0-4-1.8-4-4a4 4 0 0 1 4-4h104.48c2.2 0 4 1.79 4 4zm0 0"
/>
<path
fill="url(#o)"
d="M266.36 361.98c0 2.211-1.801 4-4 4H157.878a4 4 0 0 1 0-8h104.48c2.2 0 4 1.79 4 4zm0 0"
/>
<path
fill="url(#p)"
d="M266.36 304.29c0 2.21-1.801 4-4 4H157.878a4 4 0 0 1 0-8h104.48c2.2 0 4 1.788 4 4zm0 0"
/>
</svg>
More icons in the same style and category