Add icons to this collection by clicking the heart icon.
File icon - also known as interface, education, file, document, and archive. 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="100"
height="100"
viewBox="0 0 512 512"
>
<linearGradient
id="a"
x1="-44.763"
x2="-26.85"
y1="644.544"
y2="626.631"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M96 0C78.357 0 64 14.357 64 32v448c0 17.643 14.357 32 32 32h234.667c1.429 0 2.816-.299 4.096-.832a10.554 10.554 0 0 0 3.456-2.304l106.645-106.645a10.554 10.554 0 0 0 2.304-3.456c.533-1.28.832-2.667.832-4.096V32c0-17.643-14.357-32-32-32H96zm245.333 475.584V416c0-5.888 4.779-10.667 10.667-10.667h59.584l-70.251 70.251zM426.667 32v352H352c-17.643 0-32 14.357-32 32v74.667H96c-5.888 0-10.667-4.779-10.667-10.667V32c0-5.888 4.779-10.667 10.667-10.667h320c5.888 0 10.667 4.779 10.667 10.667z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-37.805"
x2="-31.602"
y1="645.088"
y2="638.881"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M373.333 85.333H138.667C132.779 85.333 128 90.112 128 96s4.779 10.667 10.667 10.667h234.667c5.888 0 10.667-4.779 10.667-10.667s-4.78-10.667-10.668-10.667z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-37.805"
x2="-31.602"
y1="642.088"
y2="635.881"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M373.333 149.333H138.667c-5.888 0-10.667 4.779-10.667 10.667s4.779 10.667 10.667 10.667h234.667c5.888 0 10.667-4.779 10.667-10.667s-4.78-10.667-10.668-10.667z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="-37.805"
x2="-31.602"
y1="639.088"
y2="632.881"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M373.333 213.333H138.667c-5.888 0-10.667 4.779-10.667 10.667s4.779 10.667 10.667 10.667h234.667c5.888 0 10.667-4.779 10.667-10.667s-4.78-10.667-10.668-10.667z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="-37.805"
x2="-31.602"
y1="636.088"
y2="629.881"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M373.333 277.333H138.667c-5.888 0-10.667 4.779-10.667 10.667s4.779 10.667 10.667 10.667h234.667c5.888 0 10.667-4.779 10.667-10.667s-4.78-10.667-10.668-10.667z"
fill="url(#e)"
/>
<linearGradient
id="f"
x1="-37.805"
x2="-31.602"
y1="633.088"
y2="626.881"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M373.333 341.333H138.667c-5.888 0-10.667 4.779-10.667 10.667s4.779 10.667 10.667 10.667h234.667c5.888 0 10.667-4.779 10.667-10.667-.001-5.888-4.78-10.667-10.668-10.667z"
fill="url(#f)"
/>
<linearGradient
id="g"
x1="-39.057"
x2="-35.35"
y1="628.838"
y2="625.131"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M266.667 405.333h-128c-5.888 0-10.667 4.779-10.667 10.667s4.779 10.667 10.667 10.667h128c5.888 0 10.667-4.779 10.667-10.667-.001-5.888-4.779-10.667-10.667-10.667z"
fill="url(#g)"
/>
</svg>
More icons in the same style and category