Add icons to this collection by clicking the heart icon.
Doc File icon - also known as interface, document, format, ui, word document, doc file, and files and folders. Created in a clean flat gradient style with a silver finish, 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 500 500"
>
<linearGradient
id="b"
x1=".5"
x2=".5"
y1="499.97"
y2="499.03"
gradientTransform="matrix(354.17 0 0 -458.33 72.92 229187.51)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#eaecf7" />
<stop offset="1" stop-color="#cdd3f1" />
</linearGradient>
<linearGradient
id="c"
x1=".5"
x2=".5"
y1="499.88"
y2="499"
gradientTransform="matrix(354.17 0 0 -72.92 72.92 36864.59)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e2e5f4" stop-opacity="0" />
<stop offset="1" stop-color="#9aa6e2" />
</linearGradient>
<linearGradient
id="d"
x1=".5"
x2=".5"
y1="499.99"
y2="499"
gradientTransform="matrix(395.83 0 0 -187.5 52.08 93927.08)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#14a5ff" />
<stop offset="1" stop-color="#037cff" />
</linearGradient>
<linearGradient
id="a"
x1=".5"
x2=".5"
y1="500.04"
y2="498.97"
gradientTransform="matrix(104.17 0 0 -104.17 93.75 52302.08)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#037cff" />
<stop offset="1" stop-color="#14a5ff" stop-opacity="0" />
</linearGradient>
<linearGradient
id="e"
x1=".5"
x2=".5"
y1="500.04"
y2="498.97"
gradientTransform="matrix(104.17 0 0 -104.17 197.92 52302.08)"
href="#a"
/>
<linearGradient
id="f"
x1=".5"
x2=".5"
y1="500.05"
y2="498.97"
gradientTransform="matrix(94.79 0 0 -103.13 302.08 51782.29)"
href="#a"
/>
<linearGradient
id="g"
x1=".5"
x2=".5"
y1="499.99"
y2="499"
gradientTransform="matrix(395.83 0 0 -52.08 52.08 26354.17)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#037cff" stop-opacity="0" />
<stop offset="1" stop-color="#0063cc" />
</linearGradient>
<linearGradient
id="h"
x2=".5"
y1="500.01"
y2="499"
gradientTransform="matrix(83.33 0 0 -83.33 104.17 41895.83)"
href="#b"
/>
<linearGradient
id="i"
x2=".5"
y1="500.01"
y2="499"
gradientTransform="matrix(83.33 0 0 -83.33 208.33 41895.83)"
href="#b"
/>
<linearGradient
id="j"
x2=".5"
y1="500.02"
y2="499"
gradientTransform="matrix(75 0 0 -82.55 311.46 41505.99)"
href="#b"
/>
<path
fill="url(#b)"
d="M406.25 479.17H93.75a20.89 20.89 0 0 1-20.83-20.83V41.67a20.89 20.89 0 0 1 20.83-20.84h270.83V62.5a20.89 20.89 0 0 0 20.83 20.83h41.67v375a20.89 20.89 0 0 1-20.83 20.84z"
/>
<path
fill="url(#c)"
d="M406.25 479.17H93.75a20.89 20.89 0 0 1-20.83-20.83v-52.09h354.16v52.08a20.89 20.89 0 0 1-20.83 20.84z"
/>
<g fill="#9aa6e2">
<path
d="M427.08 83.33h-41.66a20.89 20.89 0 0 1-20.84-20.83V20.83zM239.58 208.33h-83.33c-6.25 0-10.42-4.17-10.42-10.42s4.17-10.41 10.42-10.41h83.33c6.25 0 10.42 4.17 10.42 10.42s-4.17 10.41-10.42 10.41zM343.75 260.42h-187.5c-6.25 0-10.42-4.17-10.42-10.42s4.17-10.42 10.42-10.42h187.5c6.25 0 10.42 4.17 10.42 10.42s-4.17 10.42-10.42 10.42zM312.5 312.5H156.25c-6.25 0-10.42-4.17-10.42-10.42s4.17-10.42 10.42-10.42H312.5c6.25 0 10.42 4.17 10.42 10.42s-4.17 10.42-10.42 10.42z"
/>
</g>
<path
fill="url(#d)"
d="M427.08 364.58H72.92a20.89 20.89 0 0 1-20.83-20.83V197.92a20.89 20.89 0 0 1 20.83-20.83h354.16a20.89 20.89 0 0 1 20.83 20.83v145.83a20.89 20.89 0 0 1-20.83 20.83z"
/>
<path
fill="url(#a)"
d="M145.83 218.75h-31.25a20.89 20.89 0 0 0-20.83 20.83v62.5a20.89 20.89 0 0 0 20.83 20.83h31.25a52.08 52.08 0 0 0 0-104.17zm0 62.5h-10.41v-20.83h10.42c6.25 0 10.42 4.17 10.42 10.42s-4.18 10.41-10.43 10.41z"
/>
<path
fill="url(#e)"
d="M250 218.75a52.08 52.08 0 1 0 52.08 52.08A51.58 51.58 0 0 0 250 218.75zm0 62.5c-6.25 0-10.42-4.17-10.42-10.42s4.17-10.42 10.42-10.42 10.42 4.17 10.42 10.42-4.17 10.42-10.42 10.42z"
/>
<path
fill="url(#f)"
d="M376 271.88a20.57 20.57 0 0 0-14.58 6.25 10.42 10.42 0 1 1 0-14.58 20.63 20.63 0 1 0 29.17-29.17c-9.37-9.37-22.92-14.58-36.46-14.58s-27.08 5.21-36.46 14.58-15.62 22.92-15.62 36.46 5.21 27.08 15.63 36.46c9.38 9.38 22.92 15.63 36.46 15.63s27.08-5.21 36.46-15.62a20.14 20.14 0 0 0 0-29.17c-3.1-4.14-8.31-6.26-14.6-6.26z"
/>
<path
fill="url(#g)"
d="M427.08 364.58H72.92a20.89 20.89 0 0 1-20.83-20.83V312.5h395.83v31.25a20.89 20.89 0 0 1-20.84 20.83z"
/>
<path
fill="url(#h)"
d="M145.83 229.17h-31.25c-6.25 0-10.42 4.17-10.42 10.42v62.5c0 6.25 4.17 10.42 10.42 10.42h31.25a41.67 41.67 0 1 0 0-83.33zm0 62.5H125V250h20.83a20.83 20.83 0 0 1 0 41.67z"
/>
<path
fill="url(#i)"
d="M250 229.17a41.67 41.67 0 1 0 41.67 41.67A41.79 41.79 0 0 0 250 229.17zm0 62.5a20.83 20.83 0 1 1 20.83-20.83A20.89 20.89 0 0 1 250 291.67z"
/>
<path
fill="url(#j)"
d="M368.75 285.42c-8.33 8.33-21.87 8.33-29.17 0a20.14 20.14 0 0 1 0-29.17c8.33-8.33 21.88-8.33 29.17 0a10.31 10.31 0 1 0 14.58-14.58c-15.62-15.67-42.71-15.67-59.33 0a41.13 41.13 0 0 0-12.5 29.17c0 10.42 4.17 21.88 12.5 29.17a41.13 41.13 0 0 0 29.17 12.5c10.42 0 21.88-4.17 29.17-12.5a10.07 10.07 0 0 0 0-14.58c-3.17-4.18-9.42-4.18-13.59-.01z"
/>
</svg>
More icons in the same style and category