Add icons to this collection by clicking the heart icon.
File icon - also known as interface, file, document, archive, 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="100"
height="100"
viewBox="0 0 512.315 512.315"
>
<linearGradient
id="a"
x1="-2.125"
x2="-61.335"
y1="653.032"
y2="593.822"
gradientTransform="matrix(8 0 0 -8 343 5086.417)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f7941e" />
<stop offset="1" stop-color="#ee2a7b" />
</linearGradient>
<path
d="M96 80.157c-4.8 0-8 3.2-8 8s3.2 8 8 8h8c4.8 0 8-3.2 8-8s-3.2-8-8-8h-8z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-.125"
x2="-59.335"
y1="651.032"
y2="591.822"
gradientTransform="matrix(8 0 0 -8 343 5086.417)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f7941e" />
<stop offset="1" stop-color="#ee2a7b" />
</linearGradient>
<path
d="M128 80.157c-4.8 0-8 3.2-8 8s3.2 8 8 8h8c4.8 0 8-3.2 8-8s-3.2-8-8-8h-8z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-4.125"
x2="-63.335"
y1="655.032"
y2="595.822"
gradientTransform="matrix(8 0 0 -8 343 5086.417)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f7941e" />
<stop offset="1" stop-color="#ee2a7b" />
</linearGradient>
<path
d="M64 96.157h8c4.8 0 8-3.2 8-8s-3.2-8-8-8h-8c-4.8 0-8 3.2-8 8s3.2 8 8 8z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="21.375"
x2="-37.835"
y1="629.532"
y2="570.322"
gradientTransform="matrix(8 0 0 -8 343 5086.417)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f7941e" />
<stop offset="1" stop-color="#ee2a7b" />
</linearGradient>
<path
d="M232 328.157h-8c-4.8 0-8 3.2-8 8s3.2 8 8 8h8c4.8 0 8-3.2 8-8s-3.2-8-8-8z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="19.375"
x2="-39.835"
y1="631.532"
y2="572.322"
gradientTransform="matrix(8 0 0 -8 343 5086.417)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f7941e" />
<stop offset="1" stop-color="#ee2a7b" />
</linearGradient>
<path
d="M200 344.157c4.8 0 8-3.2 8-8s-3.2-8-8-8h-8c-4.8 0-8 3.2-8 8s3.2 8 8 8h8z"
fill="url(#e)"
/>
<linearGradient
id="f"
x1="15.899"
x2="-43.311"
y1="635.009"
y2="575.799"
gradientTransform="matrix(8 0 0 -8 343 5086.417)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f7941e" />
<stop offset="1" stop-color="#ee2a7b" />
</linearGradient>
<path
d="M8 512.157h368c.8 0 1.6 0 2.4-.8h6.4c61.6 0 114.4-44.8 125.6-105.6 12-69.6-33.6-136-103.2-148-8-.8-15.2-1.6-22.4-1.6h-.8v-168c0-2.4-.8-4-2.4-5.6l-80-80c-1.6-1.6-3.2-2.4-5.6-2.4H8c-4.8 0-8 3.2-8 8v496c0 4 3.2 8 8 8zm396-238.4c60 10.4 100.8 68.8 89.6 129.6-8.8 53.6-55.2 92.8-108.8 92.8-6.4 0-12.8-.8-19.2-1.6-60-10.4-100.8-68.8-89.6-129.6 8.8-50.4 50.4-88 100.8-92h8.8c5.6-.8 12 0 18.4.8zm-100-246.4 52.8 52.8H304v-52.8zm-288-11.2h272v72c0 4.8 3.2 8 8 8h72v160.8c-56 7.2-98.4 48.8-108.8 104.8-9.6 55.2 17.6 110.4 63.2 134.4H16v-480z"
fill="url(#f)"
/>
<linearGradient
id="g"
x1="23.375"
x2="-35.835"
y1="627.532"
y2="568.322"
gradientTransform="matrix(8 0 0 -8 343 5086.417)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f7941e" />
<stop offset="1" stop-color="#ee2a7b" />
</linearGradient>
<path
d="M216 448.157H64c-4.8 0-8 3.2-8 8s3.2 8 8 8h152c4.8 0 8-3.2 8-8s-3.2-8-8-8z"
fill="url(#g)"
/>
<linearGradient
id="h"
x1="-3.125"
x2="-62.335"
y1="654.032"
y2="594.822"
gradientTransform="matrix(8 0 0 -8 343 5086.417)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f7941e" />
<stop offset="1" stop-color="#ee2a7b" />
</linearGradient>
<path
d="M64 64.157h104c4.8 0 8-3.2 8-8s-3.2-8-8-8H64c-4.8 0-8 3.2-8 8s3.2 8 8 8z"
fill="url(#h)"
/>
<linearGradient
id="i"
x1="7.125"
x2="-52.085"
y1="643.782"
y2="584.572"
gradientTransform="matrix(8 0 0 -8 343 5086.417)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f7941e" />
<stop offset="1" stop-color="#ee2a7b" />
</linearGradient>
<path
d="M64 152.157h256c4.8 0 8-3.2 8-8s-3.2-8-8-8H64c-4.8 0-8 3.2-8 8s3.2 8 8 8z"
fill="url(#i)"
/>
<linearGradient
id="j"
x1="9.125"
x2="-50.085"
y1="641.782"
y2="582.572"
gradientTransform="matrix(8 0 0 -8 343 5086.417)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f7941e" />
<stop offset="1" stop-color="#ee2a7b" />
</linearGradient>
<path
d="M64 184.157h256c4.8 0 8-3.2 8-8s-3.2-8-8-8H64c-4.8 0-8 3.2-8 8s3.2 8 8 8z"
fill="url(#j)"
/>
<linearGradient
id="k"
x1="11.125"
x2="-48.085"
y1="639.782"
y2="580.572"
gradientTransform="matrix(8 0 0 -8 343 5086.417)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f7941e" />
<stop offset="1" stop-color="#ee2a7b" />
</linearGradient>
<path
d="M64 216.157h256c4.8 0 8-3.2 8-8s-3.2-8-8-8H64c-4.8 0-8 3.2-8 8s3.2 8 8 8z"
fill="url(#k)"
/>
<linearGradient
id="l"
x1="13.125"
x2="-46.085"
y1="637.782"
y2="578.572"
gradientTransform="matrix(8 0 0 -8 343 5086.417)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f7941e" />
<stop offset="1" stop-color="#ee2a7b" />
</linearGradient>
<path
d="M64 248.157h256c4.8 0 8-3.2 8-8s-3.2-8-8-8H64c-4.8 0-8 3.2-8 8s3.2 8 8 8z"
fill="url(#l)"
/>
<linearGradient
id="m"
x1="14.125"
x2="-45.085"
y1="636.782"
y2="577.572"
gradientTransform="matrix(8 0 0 -8 343 5086.417)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f7941e" />
<stop offset="1" stop-color="#ee2a7b" />
</linearGradient>
<path
d="M64 280.157h224c4.8 0 8-3.2 8-8s-3.2-8-8-8H64c-4.8 0-8 3.2-8 8s3.2 8 8 8z"
fill="url(#m)"
/>
<linearGradient
id="n"
x1="15.125"
x2="-44.085"
y1="635.782"
y2="576.572"
gradientTransform="matrix(8 0 0 -8 343 5086.417)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f7941e" />
<stop offset="1" stop-color="#ee2a7b" />
</linearGradient>
<path
d="M264 304.157c0-4.8-3.2-8-8-8H64c-4.8 0-8 3.2-8 8s3.2 8 8 8h192c4.8 0 8-3.2 8-8z"
fill="url(#n)"
/>
<linearGradient
id="o"
x1="14.375"
x2="-44.835"
y1="636.532"
y2="577.322"
gradientTransform="matrix(8 0 0 -8 343 5086.417)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f7941e" />
<stop offset="1" stop-color="#ee2a7b" />
</linearGradient>
<path
d="M64 344.157h104c4.8 0 8-3.2 8-8s-3.2-8-8-8H64c-4.8 0-8 3.2-8 8s3.2 8 8 8z"
fill="url(#o)"
/>
<linearGradient
id="p"
x1="18.375"
x2="-40.835"
y1="632.532"
y2="573.322"
gradientTransform="matrix(8 0 0 -8 343 5086.417)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f7941e" />
<stop offset="1" stop-color="#ee2a7b" />
</linearGradient>
<path
d="M232 360.157H64c-4.8 0-8 3.2-8 8s3.2 8 8 8h168c4.8 0 8-3.2 8-8s-3.2-8-8-8z"
fill="url(#p)"
/>
<linearGradient
id="q"
x1="20.375"
x2="-38.835"
y1="630.532"
y2="571.322"
gradientTransform="matrix(8 0 0 -8 343 5086.417)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f7941e" />
<stop offset="1" stop-color="#ee2a7b" />
</linearGradient>
<path
d="M232 392.157H64c-4.8 0-8 3.2-8 8s3.2 8 8 8h168c4.8 0 8-3.2 8-8s-3.2-8-8-8z"
fill="url(#q)"
/>
<linearGradient
id="r"
x1="34.375"
x2="-24.835"
y1="616.532"
y2="557.322"
gradientTransform="matrix(8 0 0 -8 343 5086.417)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f7941e" />
<stop offset="1" stop-color="#ee2a7b" />
</linearGradient>
<path
d="M376 312.157v16c0 .8 0 1.6.8 2.4-14.4.8-26.4 12.8-26.4 28 0 8.8 4 17.6 12 23.2l40.8 25.6c3.2 2.4 4.8 5.6 4.8 9.6v7.2c0 6.4-5.6 8-12 8h-17.6c-6.4 0-10.4-1.6-10.4-8v-10.4c0-4.8-3.2-8-8-8s-8 3.2-8 8v10.4c0 14.4 9.6 26.4 24 28v12c0 4.8 3.2 8 8 8s8-3.2 8-8v-16h4c15.2 0 28-8.8 28-24v-8c0-8.8-4-17.6-12-23.2l-40.8-25.6c-3.2-2.4-4.8-7.2-4.8-10.4 0-6.4 5.6-12.8 12-12.8H396c6.4 0 12 7.2 12 13.6v2.4c0 4.8 3.2 8 8 8s8-3.2 8-8v-2.4c0-15.2-12.8-29.6-28-29.6h-4s0 .8 0 0v-16c0-4.8-3.2-8-8-8s-8 3.2-8 8z"
fill="url(#r)"
/>
</svg>
More icons in the same style and category