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="3.544"
x2="-58.235"
y1="650.543"
y2="588.767"
gradientTransform="matrix(8 0 0 -8 343 5085)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f7941e" />
<stop offset="1" stop-color="#ee2a7b" />
</linearGradient>
<path
d="M160 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="5.544"
x2="-56.235"
y1="648.543"
y2="586.767"
gradientTransform="matrix(8 0 0 -8 343 5085)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f7941e" />
<stop offset="1" stop-color="#ee2a7b" />
</linearGradient>
<path
d="M192 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.544"
x2="-60.235"
y1="652.543"
y2="590.767"
gradientTransform="matrix(8 0 0 -8 343 5085)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f7941e" />
<stop offset="1" stop-color="#ee2a7b" />
</linearGradient>
<path
d="M128 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="28.545"
x2="-33.234"
y1="625.545"
y2="563.766"
gradientTransform="matrix(8 0 0 -8 343 5085)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f7941e" />
<stop offset="1" stop-color="#ee2a7b" />
</linearGradient>
<path
d="M320 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(#d)"
/>
<linearGradient
id="e"
x1="30.545"
x2="-31.234"
y1="623.545"
y2="561.766"
gradientTransform="matrix(8 0 0 -8 343 5085)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f7941e" />
<stop offset="1" stop-color="#ee2a7b" />
</linearGradient>
<path
d="M352 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="26.545"
x2="-35.234"
y1="627.545"
y2="565.766"
gradientTransform="matrix(8 0 0 -8 343 5085)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f7941e" />
<stop offset="1" stop-color="#ee2a7b" />
</linearGradient>
<path
d="M288 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(#f)"
/>
<linearGradient
id="g"
x1="19.794"
x2="-41.985"
y1="634.293"
y2="572.516"
gradientTransform="matrix(8 0 0 -8 343 5085)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f7941e" />
<stop offset="1" stop-color="#ee2a7b" />
</linearGradient>
<path
d="M448 88c0-2.4-.8-4-2.4-5.6l-80-80C364 .8 362.4 0 360 0H72c-4.8 0-8 3.2-8 8v496c0 4.8 3.2 8 8 8h368c4.8 0 8-3.2 8-8v-96c0-4.8-3.2-8-8-8s-8 4-8 8v88H80V16h272v72c0 4.8 3.2 8 8 8h72v256c0 4.8 3.2 8 8 8s8-4 8-8V88zm-80-60 52 52h-52V28z"
fill="url(#g)"
/>
<linearGradient
id="h"
x1="39.042"
x2="-22.735"
y1="615.042"
y2="553.265"
gradientTransform="matrix(8 0 0 -8 343 5085)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f7941e" />
<stop offset="1" stop-color="#ee2a7b" />
</linearGradient>
<path
d="M440 368c-4.8 0-8 3.2-8 8v8c0 4.8 3.2 8 8 8s8-3.2 8-8v-8c0-4.8-3.2-8-8-8z"
fill="url(#h)"
/>
<linearGradient
id="i"
x1="29.042"
x2="-32.734"
y1="625.042"
y2="563.265"
gradientTransform="matrix(8 0 0 -8 343 5085)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f7941e" />
<stop offset="1" stop-color="#ee2a7b" />
</linearGradient>
<path
d="M128 448c-4.8 0-8 3.2-8 8s3.2 8 8 8h152c4.8 0 8-3.2 8-8s-3.2-8-8-8H128z"
fill="url(#i)"
/>
<linearGradient
id="j"
x1="2.544"
x2="-59.235"
y1="651.543"
y2="589.767"
gradientTransform="matrix(8 0 0 -8 343 5085)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f7941e" />
<stop offset="1" stop-color="#ee2a7b" />
</linearGradient>
<path
d="M240 56c0-4.8-3.2-8-8-8H128c-4.8 0-8 3.2-8 8s3.2 8 8 8h104c4.8 0 8-3.2 8-8z"
fill="url(#j)"
/>
<linearGradient
id="k"
x1="12.792"
x2="-48.984"
y1="641.292"
y2="579.515"
gradientTransform="matrix(8 0 0 -8 343 5085)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f7941e" />
<stop offset="1" stop-color="#ee2a7b" />
</linearGradient>
<path
d="M384 136H128c-4.8 0-8 3.2-8 8s3.2 8 8 8h256c4.8 0 8-3.2 8-8s-3.2-8-8-8z"
fill="url(#k)"
/>
<linearGradient
id="l"
x1="14.792"
x2="-46.984"
y1="639.292"
y2="577.515"
gradientTransform="matrix(8 0 0 -8 343 5085)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f7941e" />
<stop offset="1" stop-color="#ee2a7b" />
</linearGradient>
<path
d="M384 168H128c-4.8 0-8 3.2-8 8s3.2 8 8 8h256c4.8 0 8-3.2 8-8s-3.2-8-8-8z"
fill="url(#l)"
/>
<linearGradient
id="m"
x1="16.792"
x2="-44.984"
y1="637.292"
y2="575.515"
gradientTransform="matrix(8 0 0 -8 343 5085)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f7941e" />
<stop offset="1" stop-color="#ee2a7b" />
</linearGradient>
<path
d="M384 200H128c-4.8 0-8 3.2-8 8s3.2 8 8 8h256c4.8 0 8-3.2 8-8s-3.2-8-8-8z"
fill="url(#m)"
/>
<linearGradient
id="n"
x1="18.794"
x2="-42.985"
y1="635.293"
y2="573.516"
gradientTransform="matrix(8 0 0 -8 343 5085)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f7941e" />
<stop offset="1" stop-color="#ee2a7b" />
</linearGradient>
<path
d="M384 232H128c-4.8 0-8 3.2-8 8s3.2 8 8 8h256c4.8 0 8-3.2 8-8s-3.2-8-8-8z"
fill="url(#n)"
/>
<linearGradient
id="o"
x1="20.794"
x2="-40.985"
y1="633.293"
y2="571.516"
gradientTransform="matrix(8 0 0 -8 343 5085)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f7941e" />
<stop offset="1" stop-color="#ee2a7b" />
</linearGradient>
<path
d="M384 264H128c-4.8 0-8 3.2-8 8s3.2 8 8 8h256c4.8 0 8-3.2 8-8s-3.2-8-8-8z"
fill="url(#o)"
/>
<linearGradient
id="p"
x1="22.794"
x2="-38.985"
y1="631.293"
y2="569.516"
gradientTransform="matrix(8 0 0 -8 343 5085)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f7941e" />
<stop offset="1" stop-color="#ee2a7b" />
</linearGradient>
<path
d="M384 296H128c-4.8 0-8 3.2-8 8s3.2 8 8 8h256c4.8 0 8-3.2 8-8s-3.2-8-8-8z"
fill="url(#p)"
/>
<linearGradient
id="q"
x1="20.794"
x2="-40.985"
y1="633.293"
y2="571.516"
gradientTransform="matrix(8 0 0 -8 343 5085)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f7941e" />
<stop offset="1" stop-color="#ee2a7b" />
</linearGradient>
<path
d="M128 344h128c4.8 0 8-3.2 8-8s-3.2-8-8-8H128c-4.8 0-8 3.2-8 8s3.2 8 8 8z"
fill="url(#q)"
/>
<linearGradient
id="r"
x1="26.794"
x2="-34.985"
y1="627.293"
y2="565.516"
gradientTransform="matrix(8 0 0 -8 343 5085)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f7941e" />
<stop offset="1" stop-color="#ee2a7b" />
</linearGradient>
<path
d="M384 360H128c-4.8 0-8 3.2-8 8s3.2 8 8 8h256c4.8 0 8-3.2 8-8s-3.2-8-8-8z"
fill="url(#r)"
/>
<linearGradient
id="s"
x1="28.794"
x2="-32.985"
y1="625.293"
y2="563.516"
gradientTransform="matrix(8 0 0 -8 343 5085)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f7941e" />
<stop offset="1" stop-color="#ee2a7b" />
</linearGradient>
<path
d="M392 400c0-4.8-3.2-8-8-8H128c-4.8 0-8 3.2-8 8s3.2 8 8 8h256c4.8 0 8-3.2 8-8z"
fill="url(#s)"
/>
</svg>
More icons in the same style and category