Add icons to this collection by clicking the heart icon.
Files icon - also known as file, document, connection, files, folder, multimedia, folders, archive, ui, and connections. 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="512"
height="512"
viewBox="0 0 512 512"
>
<linearGradient
id="a"
x1="-30.846"
x2="517.261"
y1="506.846"
y2="-41.261"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#003f8a" />
<stop offset=".518" stop-color="#00d7df" />
<stop offset="1" stop-color="#006df0" />
</linearGradient>
<linearGradient
id="b"
x1="1.154"
x2="549.261"
y1="538.846"
y2="-9.261"
href="#a"
/>
<linearGradient
id="c"
x1="-18.846"
x2="529.261"
y1="518.846"
y2="-29.261"
href="#a"
/>
<linearGradient
id="d"
x1="29.154"
x2="577.261"
y1="566.846"
y2="18.739"
href="#a"
/>
<linearGradient
id="e"
x1="-166.846"
x2="381.261"
y1="370.846"
y2="-177.261"
href="#a"
/>
<linearGradient
id="f"
x1="-134.846"
x2="413.261"
y1="402.846"
y2="-145.261"
href="#a"
/>
<linearGradient
id="g"
x1="-154.846"
x2="393.261"
y1="382.846"
y2="-165.261"
href="#a"
/>
<linearGradient
id="h"
x1="-106.846"
x2="441.261"
y1="430.846"
y2="-117.261"
href="#a"
/>
<linearGradient
id="i"
x1="53.154"
x2="601.261"
y1="590.846"
y2="42.739"
href="#a"
/>
<linearGradient
id="j"
x1="85.154"
x2="633.261"
y1="622.846"
y2="74.739"
href="#a"
/>
<linearGradient
id="k"
x1="65.154"
x2="613.261"
y1="602.846"
y2="54.739"
href="#a"
/>
<linearGradient
id="l"
x1="113.154"
x2="661.261"
y1="650.846"
y2="102.739"
href="#a"
/>
<linearGradient
id="m"
x1="-82.846"
x2="465.261"
y1="454.846"
y2="-93.261"
href="#a"
/>
<linearGradient
id="n"
x1="-50.846"
x2="497.261"
y1="486.846"
y2="-61.261"
href="#a"
/>
<linearGradient
id="o"
x1="-70.846"
x2="477.261"
y1="466.846"
y2="-81.261"
href="#a"
/>
<linearGradient
id="p"
x1="-22.846"
x2="525.261"
y1="514.846"
y2="-33.261"
href="#a"
/>
<linearGradient
id="q"
x1="137.154"
x2="685.261"
y1="674.846"
y2="126.739"
href="#a"
/>
<linearGradient
id="r"
x1="168.654"
x2="716.761"
y1="706.346"
y2="158.239"
href="#a"
/>
<linearGradient
id="s"
x1="148.654"
x2="696.761"
y1="686.346"
y2="138.239"
href="#a"
/>
<linearGradient
id="t"
x1="196.654"
x2="744.761"
y1="734.346"
y2="186.239"
href="#a"
/>
<linearGradient
id="u"
x1="32.654"
x2="580.761"
y1="570.346"
y2="22.239"
href="#a"
/>
<linearGradient
id="v"
x1="12.654"
x2="560.761"
y1="550.346"
y2="2.239"
href="#a"
/>
<linearGradient
id="w"
x1="60.654"
x2="608.761"
y1="598.346"
y2="50.239"
href="#a"
/>
<g>
<path
fill="url(#a)"
d="M117.657 282.343A8 8 0 0 0 112 280H16a8 8 0 0 0-8 8v208a8 8 0 0 0 8 8h136a8 8 0 0 0 8-8V328a8 8 0 0 0-2.343-5.657zM120 307.314 132.686 320H120zM24 488V296h80v32a8 8 0 0 0 8 8h32v152z"
/>
<path fill="url(#b)" d="M96 464H40a8 8 0 0 0 0 16h56a8 8 0 0 0 0-16z" />
<path fill="url(#c)" d="M40 456h24a8 8 0 0 0 0-16H40a8 8 0 0 0 0 16z" />
<path fill="url(#d)" d="M128 464h-8a8 8 0 0 0 0 16h8a8 8 0 0 0 0-16z" />
<path
fill="url(#e)"
d="M117.657 10.343A8 8 0 0 0 112 8H16a8 8 0 0 0-8 8v208a8 8 0 0 0 8 8h136a8 8 0 0 0 8-8V56a8 8 0 0 0-2.343-5.657zM120 35.314 132.686 48H120zM24 216V24h80v32a8 8 0 0 0 8 8h32v152z"
/>
<path fill="url(#f)" d="M96 192H40a8 8 0 0 0 0 16h56a8 8 0 0 0 0-16z" />
<path fill="url(#g)" d="M40 184h24a8 8 0 0 0 0-16H40a8 8 0 0 0 0 16z" />
<path fill="url(#h)" d="M128 192h-8a8 8 0 0 0 0 16h8a8 8 0 0 0 0-16z" />
<path
fill="url(#i)"
d="M285.657 282.343A8 8 0 0 0 280 280h-96a8 8 0 0 0-8 8v208a8 8 0 0 0 8 8h136a8 8 0 0 0 8-8V328a8 8 0 0 0-2.343-5.657zM288 307.314 300.686 320H288zM192 488V296h80v32a8 8 0 0 0 8 8h32v152z"
/>
<path
fill="url(#j)"
d="M264 464h-56a8 8 0 0 0 0 16h56a8 8 0 0 0 0-16z"
/>
<path
fill="url(#k)"
d="M208 456h24a8 8 0 0 0 0-16h-24a8 8 0 0 0 0 16z"
/>
<path fill="url(#l)" d="M296 464h-8a8 8 0 0 0 0 16h8a8 8 0 0 0 0-16z" />
<path
fill="url(#m)"
d="M285.657 10.343A8 8 0 0 0 280 8h-96a8 8 0 0 0-8 8v208a8 8 0 0 0 8 8h136a8 8 0 0 0 8-8V56a8 8 0 0 0-2.343-5.657zM288 35.314 300.686 48H288zM192 216V24h80v32a8 8 0 0 0 8 8h32v152z"
/>
<path
fill="url(#n)"
d="M264 192h-56a8 8 0 0 0 0 16h56a8 8 0 0 0 0-16z"
/>
<path
fill="url(#o)"
d="M208 184h24a8 8 0 0 0 0-16h-24a8 8 0 0 0 0 16z"
/>
<path fill="url(#p)" d="M296 192h-8a8 8 0 0 0 0 16h8a8 8 0 0 0 0-16z" />
<path
fill="url(#q)"
d="M452.586 282.274A8 8 0 0 0 447 280h-95a8 8 0 0 0-8 8v208a8 8 0 0 0 8 8h136a8 8 0 0 0 8-8V328a8 8 0 0 0-2.414-5.726zM456 307.957 468.344 320H456zM360 488V296h80v32a8 8 0 0 0 8 8h32v152z"
/>
<path
fill="url(#r)"
d="M431 464h-56a8 8 0 0 0 0 16h56a8 8 0 0 0 0-16z"
/>
<path
fill="url(#s)"
d="M375 456h24a8 8 0 0 0 0-16h-24a8 8 0 0 0 0 16z"
/>
<path fill="url(#t)" d="M463 464h-8a8 8 0 0 0 0 16h8a8 8 0 0 0 0-16z" />
<path
fill="url(#b)"
d="m493.586 50.274-41-40A8 8 0 0 0 447 8h-95a8 8 0 0 0-8 8v208a8 8 0 0 0 8 8h136a8 8 0 0 0 8-8V56a8 8 0 0 0-2.414-5.726zM456 35.957 468.344 48H456zM360 216V24h80v32a8 8 0 0 0 8 8h32v152z"
/>
<path
fill="url(#u)"
d="M431 192h-56a8 8 0 0 0 0 16h56a8 8 0 0 0 0-16z"
/>
<path
fill="url(#v)"
d="M375 184h24a8 8 0 0 0 0-16h-24a8 8 0 0 0 0 16z"
/>
<path fill="url(#w)" d="M463 192h-8a8 8 0 0 0 0 16h8a8 8 0 0 0 0-16z" />
</g>
</svg>
More icons in the same style and category