Add icons to this collection by clicking the heart icon.
Document icon - also known as cloud, file, document, online, 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="512"
height="512"
viewBox="0 0 64 64"
>
<linearGradient
id="a"
x1="2"
x2="62"
y1="32"
y2="32"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e435d2" />
<stop offset="1" stop-color="#312fb4" />
</linearGradient>
<linearGradient id="b" y1="16.5" y2="16.5" href="#a" />
<linearGradient id="c" y1="3" y2="3" href="#a" />
<linearGradient id="d" y1="7" y2="7" href="#a" />
<linearGradient id="e" y1="23" y2="23" href="#a" />
<linearGradient id="f" y1="27" y2="27" href="#a" />
<linearGradient id="g" y1="11" y2="11" href="#a" />
<linearGradient id="h" y1="15" y2="15" href="#a" />
<linearGradient id="i" y1="19" y2="19" href="#a" />
<path
fill="url(#a)"
d="M54.886 42.435A12.032 12.032 0 0 0 43 32a11.901 11.901 0 0 0-3.673.576A14.975 14.975 0 0 0 18 23.743V5a1 1 0 0 1 1-1h4.872a1 1 0 0 0 0-2H19a3.003 3.003 0 0 0-3 3v20c0 .009.005.016.005.025A14.97 14.97 0 0 0 10 37a14.781 14.781 0 0 0 .89 5.061A10 10 0 0 0 12 62h40a9.995 9.995 0 0 0 2.886-19.565zM52 60H12a8 8 0 0 1 0-16h.365a1 1 0 0 0 .904-1.43A12.868 12.868 0 0 1 12 37a12.995 12.995 0 0 1 25.669-2.879 1 1 0 0 0 1.372.697 9.988 9.988 0 0 1 13.923 8.476.998.998 0 0 0 .778.905A7.996 7.996 0 0 1 52 60z"
/>
<path
fill="url(#b)"
d="M31.17 4H36v7a3.003 3.003 0 0 0 3 3h7v16a1 1 0 0 0 2 0V13a1.005 1.005 0 0 0-.294-.708l-9.998-9.998A1.005 1.005 0 0 0 37 2h-5.83a1 1 0 0 0 0 2zM38 11V5.414L44.586 12H39a1 1 0 0 1-1-1z"
/>
<path
fill="url(#c)"
d="M27.585 4h.734a1 1 0 0 0 0-2h-.734a1 1 0 0 0 0 2z"
/>
<path fill="url(#d)" d="M21 8h12a1 1 0 0 0 0-2H21a1 1 0 0 0 0 2z" />
<path fill="url(#e)" d="M43 22h-8a1 1 0 0 0 0 2h8a1 1 0 0 0 0-2z" />
<path fill="url(#f)" d="M43 26h-3a1 1 0 0 0 0 2h3a1 1 0 0 0 0-2z" />
<path fill="url(#g)" d="M21 12h12a1 1 0 0 0 0-2H21a1 1 0 0 0 0 2z" />
<path
fill="url(#h)"
d="M32.001 15a1 1 0 0 0 1 1H35a1 1 0 0 0 0-2h-1.999a1 1 0 0 0-1 1zM31.17 15a1 1 0 0 0-1-1H21a1 1 0 0 0 0 2h9.17a1 1 0 0 0 1-1z"
/>
<g fill="url(#i)">
<path
d="M43 18H27a1 1 0 0 0 0 2h16a1 1 0 0 0 0-2zM21 18a1 1 0 0 0 0 2h3.043a1 1 0 0 0 0-2z"
/>
</g>
</svg>
More icons in the same style and category