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=".787"
x2="-61.94"
y1="655.543"
y2="592.819"
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.787"
x2="-59.94"
y1="653.543"
y2="590.819"
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.213"
x2="-63.94"
y1="657.543"
y2="594.819"
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="24.284"
x2="-38.44"
y1="632.043"
y2="569.316"
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="22.284"
x2="-40.44"
y1="634.043"
y2="571.316"
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.785"
x2="-43.941"
y1="637.543"
y2="574.82"
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="26.283"
x2="-36.441"
y1="630.043"
y2="567.316"
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="-.213"
x2="-62.94"
y1="656.543"
y2="593.819"
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="10.035"
x2="-52.692"
y1="646.292"
y2="583.565"
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="12.035"
x2="-50.692"
y1="644.292"
y2="581.565"
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="14.035"
x2="-48.692"
y1="642.292"
y2="579.565"
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="16.034"
x2="-46.69"
y1="640.293"
y2="577.566"
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="17.034"
x2="-45.69"
y1="639.293"
y2="576.566"
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="18.034"
x2="-44.69"
y1="638.293"
y2="575.566"
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="17.284"
x2="-45.441"
y1="639.043"
y2="576.316"
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="21.284"
x2="-41.441"
y1="635.043"
y2="572.316"
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="23.284"
x2="-39.441"
y1="633.043"
y2="570.316"
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="37.133"
x2="-25.587"
y1="619.191"
y2="556.47"
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="M334.643 323.2c-3.2-3.2-8-3.2-11.2 0s-3.2 8 0 11.2l50.4 50.4-50.4 50.4c-3.2 3.2-3.2 8 0 11.2 1.6 1.6 4 2.4 5.6 2.4s4-.8 5.6-2.4l50.4-50.4 50.4 50.4c1.6 1.6 4 2.4 5.6 2.4s4-.8 5.6-2.4c3.2-3.2 3.2-8 0-11.2l-50.4-50.4 50.4-50.4c3.2-3.2 3.2-8 0-11.2s-8-3.2-11.2 0l-50.4 50.4-50.4-50.4z"
fill="url(#r)"
/>
</svg>
More icons in the same style and category