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="4.875"
x2="-60.576"
y1="651.875"
y2="586.425"
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="M168 80h-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(#a)"
/>
<linearGradient
id="b"
x1="6.875"
x2="-58.576"
y1="649.875"
y2="584.425"
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 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(#b)"
/>
<linearGradient
id="c"
x1="2.875"
x2="-62.576"
y1="653.875"
y2="588.425"
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="30.375"
x2="-35.076"
y1="626.375"
y2="560.925"
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 352c4.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="32.375"
x2="-33.076"
y1="624.375"
y2="558.925"
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 352c4.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="28.375"
x2="-37.076"
y1="628.375"
y2="562.925"
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 352c4.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="21.135"
x2="-44.317"
y1="635.617"
y2="570.165"
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="M365.6 2.4C364 .8 362.4 0 360 0H72c-4.8 0-8 4-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-8V88c0-2.4-.8-4-2.4-5.6l-80-80zM368 28l52 52h-52V28z"
fill="url(#g)"
/>
<linearGradient
id="h"
x1="40.375"
x2="-25.076"
y1="616.375"
y2="550.925"
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="3.875"
x2="-61.576"
y1="652.875"
y2="587.425"
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(#i)"
/>
<linearGradient
id="j"
x1="27.375"
x2="-38.076"
y1="629.375"
y2="563.925"
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 304H216c-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(#j)"
/>
<linearGradient
id="k"
x1="25.375"
x2="-40.076"
y1="631.375"
y2="565.925"
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="M216 352h40c4.8 0 8-3.2 8-8s-3.2-8-8-8h-40c-4.8 0-8 3.2-8 8s3.2 8 8 8z"
fill="url(#k)"
/>
<linearGradient
id="l"
x1="31.875"
x2="-33.576"
y1="624.875"
y2="559.425"
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 376H216c-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(#l)"
/>
<linearGradient
id="m"
x1="33.875"
x2="-31.576"
y1="622.875"
y2="557.425"
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 408H216c-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(#m)"
/>
<linearGradient
id="n"
x1="20.375"
x2="-45.076"
y1="636.375"
y2="570.925"
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 192c4.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(#n)"
/>
<linearGradient
id="o"
x1="22.375"
x2="-43.076"
y1="634.375"
y2="568.925"
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 192c4.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(#o)"
/>
<linearGradient
id="p"
x1="18.375"
x2="-47.076"
y1="638.375"
y2="572.924"
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 192c4.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(#p)"
/>
<linearGradient
id="q"
x1="17.375"
x2="-48.076"
y1="639.375"
y2="573.924"
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 144H216c-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="15.375"
x2="-50.076"
y1="641.375"
y2="575.924"
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="M216 192h40c4.8 0 8-3.2 8-8s-3.2-8-8-8h-40c-4.8 0-8 3.2-8 8s3.2 8 8 8z"
fill="url(#r)"
/>
<linearGradient
id="s"
x1="22.375"
x2="-43.076"
y1="634.375"
y2="568.925"
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 224H216c-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(#s)"
/>
<linearGradient
id="t"
x1="24.375"
x2="-41.076"
y1="632.375"
y2="566.925"
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 256H216c-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(#t)"
/>
<linearGradient
id="u"
x1="8.625"
x2="-56.826"
y1="648.125"
y2="582.674"
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="M176 144c0-4.8-3.2-8-8-8h-40c-4.8 0-8 3.2-8 8v40c0 4.8 3.2 8 8 8h40c4.8 0 8-3.2 8-8v-40zm-16 32h-24v-24h24v24z"
fill="url(#u)"
/>
<linearGradient
id="v"
x1="13.625"
x2="-51.826"
y1="643.125"
y2="577.674"
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="M176 224c0-4.8-3.2-8-8-8h-40c-4.8 0-8 3.2-8 8v40c0 4.8 3.2 8 8 8h40c4.8 0 8-3.2 8-8v-40zm-16 32h-24v-24h24v24z"
fill="url(#v)"
/>
<linearGradient
id="w"
x1="18.625"
x2="-46.826"
y1="638.125"
y2="572.674"
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="M176 304c0-4.8-3.2-8-8-8h-40c-4.8 0-8 3.2-8 8v40c0 4.8 3.2 8 8 8h40c4.8 0 8-3.2 8-8v-40zm-16 32h-24v-24h24v24z"
fill="url(#w)"
/>
<linearGradient
id="x"
x1="23.625"
x2="-41.826"
y1="633.125"
y2="567.674"
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="M168 376h-40c-4.8 0-8 3.2-8 8v40c0 4.8 3.2 8 8 8h40c4.8 0 8-3.2 8-8v-40c0-4.8-3.2-8-8-8zm-8 40h-24v-24h24v24z"
fill="url(#x)"
/>
</svg>
More icons in the same style and category