Add icons to this collection by clicking the heart icon.
Document icon - also known as information, document, data, page, settings, upgrade, customize, 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="512"
height="512"
viewBox="0 0 512 512"
>
<linearGradient
id="a"
x1="-32.75"
x2="580.547"
y1="256"
y2="256"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#003f8a" />
<stop offset=".518" stop-color="#00d7df" />
<stop offset="1" stop-color="#006df0" />
</linearGradient>
<linearGradient id="b" x2="580.547" y1="200" y2="200" href="#a" />
<linearGradient id="c" x2="580.547" y1="336" y2="336" href="#a" />
<linearGradient id="d" x2="580.547" y1="360" y2="360" href="#a" />
<linearGradient id="e" x2="580.547" y1="348" y2="348" href="#a" />
<linearGradient id="f" x2="580.547" y1="392" y2="392" href="#a" />
<linearGradient id="g" x2="580.547" y1="416" y2="416" href="#a" />
<linearGradient id="h" x2="580.547" y1="404" y2="404" href="#a" />
<path
fill="url(#a)"
d="M424 8H136a8.008 8.008 0 0 0-5.66 2.34l-48 48A8.008 8.008 0 0 0 80 64v432a8 8 0 0 0 8 8h336a8 8 0 0 0 8-8V16a8 8 0 0 0-8-8zM128 35.31V56h-20.69zM416 488H96V72h40a8 8 0 0 0 8-8V24h272z"
/>
<g fill="url(#b)">
<path
d="M256 224a24 24 0 1 0-24-24 24.028 24.028 0 0 0 24 24zm0-32a8 8 0 1 1-8 8 8.009 8.009 0 0 1 8-8z"
/>
<path
d="M340 88H172a28.031 28.031 0 0 0-28 28v168a28.031 28.031 0 0 0 28 28h168a28.031 28.031 0 0 0 28-28V116a28.031 28.031 0 0 0-28-28zm12 196a12.01 12.01 0 0 1-12 12H172a12.01 12.01 0 0 1-12-12V116a12.01 12.01 0 0 1 12-12h168a12.01 12.01 0 0 1 12 12z"
/>
<path
d="M328 176h-14.06l9.94-9.94a7.985 7.985 0 0 0 0-11.31l-22.63-22.63a7.985 7.985 0 0 0-11.31 0l-9.94 9.94V128a8 8 0 0 0-8-8h-32a8 8 0 0 0-8 8v14.06l-9.94-9.94a7.985 7.985 0 0 0-11.31 0l-22.63 22.63a7.985 7.985 0 0 0 0 11.31l9.94 9.94H184a8 8 0 0 0-8 8v32a8 8 0 0 0 8 8h14.06l-9.94 9.94a7.985 7.985 0 0 0 0 11.31l22.63 22.63a7.985 7.985 0 0 0 11.31 0l9.94-9.94V272a8 8 0 0 0 8 8h32a8 8 0 0 0 8-8v-14.06l9.94 9.94a7.985 7.985 0 0 0 11.31 0l22.63-22.63a7.985 7.985 0 0 0 0-11.31l-9.94-9.94H328a8 8 0 0 0 8-8v-32a8 8 0 0 0-8-8zm-8 32h-18.74a8 8 0 0 0-7.54 5.33 40.921 40.921 0 0 1-1.62 3.91 8.022 8.022 0 0 0 1.56 9.11l13.25 13.25-11.31 11.31-13.25-13.25a8.006 8.006 0 0 0-9.11-1.56 39.874 39.874 0 0 1-3.91 1.62 8 8 0 0 0-5.33 7.54V264h-16v-18.74a8 8 0 0 0-5.33-7.54 39.874 39.874 0 0 1-3.91-1.62 8.006 8.006 0 0 0-9.11 1.56l-13.25 13.25-11.31-11.31 13.25-13.25a8.022 8.022 0 0 0 1.56-9.11 40.921 40.921 0 0 1-1.62-3.91 8 8 0 0 0-7.54-5.33H192v-16h18.74a8 8 0 0 0 7.54-5.33 40.921 40.921 0 0 1 1.62-3.91 8.022 8.022 0 0 0-1.56-9.11l-13.25-13.25 11.31-11.31 13.25 13.25a8.006 8.006 0 0 0 9.11 1.56 39.874 39.874 0 0 1 3.91-1.62 8 8 0 0 0 5.33-7.54V136h16v18.74a8 8 0 0 0 5.33 7.54 39.874 39.874 0 0 1 3.91 1.62 8.006 8.006 0 0 0 9.11-1.56l13.25-13.25 11.31 11.31-13.25 13.25a8.022 8.022 0 0 0-1.56 9.11 40.921 40.921 0 0 1 1.62 3.91 8 8 0 0 0 7.54 5.33H320z"
/>
</g>
<path fill="url(#c)" d="M360 328H232a8 8 0 0 0 0 16h128a8 8 0 0 0 0-16z" />
<path fill="url(#d)" d="M232 368h96a8 8 0 0 0 0-16h-96a8 8 0 0 0 0 16z" />
<path
fill="url(#e)"
d="M200 328h-48a8 8 0 0 0-8 8v24a8 8 0 0 0 8 8h48a8 8 0 0 0 8-8v-24a8 8 0 0 0-8-8zm-8 24h-32v-8h32z"
/>
<path fill="url(#f)" d="M360 384H232a8 8 0 0 0 0 16h128a8 8 0 0 0 0-16z" />
<path fill="url(#g)" d="M328 408h-96a8 8 0 0 0 0 16h96a8 8 0 0 0 0-16z" />
<path
fill="url(#h)"
d="M200 384h-48a8 8 0 0 0-8 8v24a8 8 0 0 0 8 8h48a8 8 0 0 0 8-8v-24a8 8 0 0 0-8-8zm-8 24h-32v-8h32z"
/>
</svg>
More icons in the same style and category