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 512"
>
<linearGradient
id="a"
x1=".118"
x2="-61.972"
y1="654.875"
y2="592.785"
gradientTransform="matrix(8 0 0 -8 341.302 5085)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f7941e" />
<stop offset="1" stop-color="#ee2a7b" />
</linearGradient>
<path
d="M96.243 80c-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="2.118"
x2="-59.972"
y1="652.875"
y2="590.785"
gradientTransform="matrix(8 0 0 -8 341.302 5085)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f7941e" />
<stop offset="1" stop-color="#ee2a7b" />
</linearGradient>
<path
d="M128.243 80c-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="-1.882"
x2="-63.972"
y1="656.875"
y2="594.785"
gradientTransform="matrix(8 0 0 -8 341.302 5085)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f7941e" />
<stop offset="1" stop-color="#ee2a7b" />
</linearGradient>
<path
d="M64.243 96h8c4.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="23.618"
x2="-38.472"
y1="631.375"
y2="569.285"
gradientTransform="matrix(8 0 0 -8 341.302 5085)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f7941e" />
<stop offset="1" stop-color="#ee2a7b" />
</linearGradient>
<path
d="M232.243 328h-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="21.618"
x2="-40.472"
y1="633.375"
y2="571.285"
gradientTransform="matrix(8 0 0 -8 341.302 5085)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f7941e" />
<stop offset="1" stop-color="#ee2a7b" />
</linearGradient>
<path
d="M200.243 344c4.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="18.116"
x2="-43.973"
y1="636.876"
y2="574.787"
gradientTransform="matrix(8 0 0 -8 341.302 5085)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f7941e" />
<stop offset="1" stop-color="#ee2a7b" />
</linearGradient>
<path
d="M8.243 512h368c.8 0 1.6 0 2.4-.8h5.6c61.6 0 114.4-44.8 125.6-105.6 12-69.6-33.6-136-103.2-148-7.2-.8-14.4-1.6-22.4-1.6V88c0-2.4-.8-4-2.4-5.6l-80-80c-1.6-1.6-3.2-2.4-5.6-2.4h-288c-4.8 0-8 3.2-8 8v496c0 4 3.2 8 8 8zm485.6-108.8c-9.6 53.6-56 92.8-109.6 92.8h-8c-4 0-8-.8-11.2-1.6-60.8-10.4-100.8-68.8-90.4-129.6 8.8-51.2 51.2-88.8 101.6-92.8h8c6.4 0 12.8.8 19.2 1.6 60.8 10.4 100.8 68.8 90.4 129.6zm-189.6-376 52.8 52.8h-52.8V27.2zm-288-11.2h272v72c0 4.8 3.2 8 8 8h72v160.8c-56 7.2-99.2 48.8-108.8 104.8-10.4 55.2 16.8 110.4 62.4 134.4h-305.6V16z"
fill="url(#f)"
/>
<linearGradient
id="g"
x1="25.618"
x2="-36.472"
y1="629.375"
y2="567.285"
gradientTransform="matrix(8 0 0 -8 341.302 5085)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f7941e" />
<stop offset="1" stop-color="#ee2a7b" />
</linearGradient>
<path
d="M216.243 448h-152c-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="-.882"
x2="-62.972"
y1="655.875"
y2="593.785"
gradientTransform="matrix(8 0 0 -8 341.302 5085)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f7941e" />
<stop offset="1" stop-color="#ee2a7b" />
</linearGradient>
<path
d="M64.243 64h104c4.8 0 8-3.2 8-8s-3.2-8-8-8h-104c-4.8 0-8 3.2-8 8s3.2 8 8 8z"
fill="url(#h)"
/>
<linearGradient
id="i"
x1="9.368"
x2="-52.722"
y1="645.625"
y2="583.535"
gradientTransform="matrix(8 0 0 -8 341.302 5085)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f7941e" />
<stop offset="1" stop-color="#ee2a7b" />
</linearGradient>
<path
d="M64.243 152h256c4.8 0 8-3.2 8-8s-3.2-8-8-8h-256c-4.8 0-8 3.2-8 8s3.2 8 8 8z"
fill="url(#i)"
/>
<linearGradient
id="j"
x1="11.367"
x2="-50.722"
y1="643.625"
y2="581.535"
gradientTransform="matrix(8 0 0 -8 341.302 5085)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f7941e" />
<stop offset="1" stop-color="#ee2a7b" />
</linearGradient>
<path
d="M64.243 184h256c4.8 0 8-3.2 8-8s-3.2-8-8-8h-256c-4.8 0-8 3.2-8 8s3.2 8 8 8z"
fill="url(#j)"
/>
<linearGradient
id="k"
x1="13.368"
x2="-48.722"
y1="641.625"
y2="579.535"
gradientTransform="matrix(8 0 0 -8 341.302 5085)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f7941e" />
<stop offset="1" stop-color="#ee2a7b" />
</linearGradient>
<path
d="M64.243 216h256c4.8 0 8-3.2 8-8s-3.2-8-8-8h-256c-4.8 0-8 3.2-8 8s3.2 8 8 8z"
fill="url(#k)"
/>
<linearGradient
id="l"
x1="15.368"
x2="-46.722"
y1="639.625"
y2="577.535"
gradientTransform="matrix(8 0 0 -8 341.302 5085)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f7941e" />
<stop offset="1" stop-color="#ee2a7b" />
</linearGradient>
<path
d="M64.243 248h256c4.8 0 8-3.2 8-8s-3.2-8-8-8h-256c-4.8 0-8 3.2-8 8s3.2 8 8 8z"
fill="url(#l)"
/>
<linearGradient
id="m"
x1="16.368"
x2="-45.722"
y1="638.625"
y2="576.535"
gradientTransform="matrix(8 0 0 -8 341.302 5085)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f7941e" />
<stop offset="1" stop-color="#ee2a7b" />
</linearGradient>
<path
d="M64.243 280h224c4.8 0 8-3.2 8-8s-3.2-8-8-8h-224c-4.8 0-8 3.2-8 8s3.2 8 8 8z"
fill="url(#m)"
/>
<linearGradient
id="n"
x1="17.368"
x2="-44.722"
y1="637.625"
y2="575.535"
gradientTransform="matrix(8 0 0 -8 341.302 5085)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f7941e" />
<stop offset="1" stop-color="#ee2a7b" />
</linearGradient>
<path
d="M264.243 304c0-4.8-3.2-8-8-8h-192c-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="16.618"
x2="-45.472"
y1="638.375"
y2="576.285"
gradientTransform="matrix(8 0 0 -8 341.302 5085)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f7941e" />
<stop offset="1" stop-color="#ee2a7b" />
</linearGradient>
<path
d="M64.243 344h104c4.8 0 8-3.2 8-8s-3.2-8-8-8h-104c-4.8 0-8 3.2-8 8s3.2 8 8 8z"
fill="url(#o)"
/>
<linearGradient
id="p"
x1="20.617"
x2="-41.472"
y1="634.375"
y2="572.285"
gradientTransform="matrix(8 0 0 -8 341.302 5085)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f7941e" />
<stop offset="1" stop-color="#ee2a7b" />
</linearGradient>
<path
d="M232.243 360h-168c-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="22.618"
x2="-39.472"
y1="632.375"
y2="570.285"
gradientTransform="matrix(8 0 0 -8 341.302 5085)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f7941e" />
<stop offset="1" stop-color="#ee2a7b" />
</linearGradient>
<path
d="M232.243 392h-168c-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="36.937"
x2="-25.154"
y1="618.057"
y2="555.966"
gradientTransform="matrix(8 0 0 -8 341.302 5085)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f7941e" />
<stop offset="1" stop-color="#ee2a7b" />
</linearGradient>
<path
d="M336.243 324.8V352h-16c-4.8 0-8 3.2-8 8v73.6c0 20.8 18.4 38.4 39.2 38.4h66.4c20.8 0 39.2-18.4 39.2-38.4V360c0-4.8-3.2-8-8-8h-16v-26.4c0-16-13.6-29.6-29.6-29.6h-37.6c-16.8 0-29.6 12.8-29.6 28.8zm104 108.8c0 12-11.2 22.4-23.2 22.4h-66.4c-12 0-23.2-11.2-23.2-22.4V368h112.8v65.6zm-24-108V352h-64v-27.2c0-7.2 5.6-12.8 12.8-12.8h37.6c7.2 0 13.6 5.6 13.6 13.6z"
fill="url(#r)"
/>
<linearGradient
id="s"
x1="37.831"
x2="-24.261"
y1="617.163"
y2="555.072"
gradientTransform="matrix(8 0 0 -8 341.302 5085)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f7941e" />
<stop offset="1" stop-color="#ee2a7b" />
</linearGradient>
<path
d="M384.243 375.2c-16 0-28.8 12.8-28.8 28.8 0 12.8 8.8 23.2 20.8 27.2v8.8c0 4.8 3.2 8 8 8s8-3.2 8-8v-8.8c12-3.2 20.8-13.6 20.8-27.2 0-16-12.8-28.8-28.8-28.8zm0 40.8c-7.2 0-12.8-4.8-12.8-12s5.6-12.8 12.8-12.8 12.8 5.6 12.8 12.8c0 7.2-5.6 12-12.8 12z"
fill="url(#s)"
/>
</svg>
More icons in the same style and category