Add icons to this collection by clicking the heart icon.
Files And Folders icon - also known as interface, storage, network, networking, share, office material, folders, file storage, data storage, ui, shared, active directory, and files and folders. Created in a clean 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 480 480"
>
<linearGradient
id="a"
x1="-26.875"
x2="-26.875"
y1="557.015"
y2="625.551"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M312 480H168V368h50.616l23.824 16H312v96zm-128-16h112v-64h-58.4l-23.816-16H184v80z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-47.875"
x2="-47.875"
y1="557.015"
y2="625.551"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M144 480H0V368h50.616l23.824 16H144v96zM16 464h112v-64H69.6l-23.856-16H16v80z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-5.875"
x2="-5.875"
y1="557.015"
y2="625.551"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M480 480H336V368h50.616l23.824 16H480v96zm-128-16h112v-64h-58.4l-23.816-16H352v80z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="-26.875"
x2="-26.875"
y1="557.015"
y2="625.551"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M262.528 296A24.001 24.001 0 0 0 248 281.472V256h-16v25.472A24.001 24.001 0 0 0 217.472 296H64v40h16v-24h137.472A24.001 24.001 0 0 0 232 326.528V352h16v-25.472A24.001 24.001 0 0 0 262.528 312H400v24h16v-40H262.528zM240 312a8 8 0 1 1 0-16 8 8 0 0 1 0 16z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="-26.875"
x2="-26.875"
y1="557.015"
y2="625.551"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M400 32H250.808l-40-32H80v240h320V32zM96 16h109.192l20 16H96V16zm288 208H96V48h288v176z"
fill="url(#e)"
/>
<linearGradient
id="f"
x1="-26.875"
x2="-26.875"
y1="557.015"
y2="625.551"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M232 200h16v16h-16v-16z" fill="url(#f)" />
<linearGradient
id="g"
x1="-22.875"
x2="-22.875"
y1="557.015"
y2="625.551"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M264 200h16v16h-16v-16z" fill="url(#g)" />
<linearGradient
id="h"
x1="-18.875"
x2="-18.875"
y1="557.015"
y2="625.551"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M296 200h16v16h-16v-16z" fill="url(#h)" />
<linearGradient
id="i"
x1="-14.875"
x2="-14.875"
y1="557.015"
y2="625.551"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M328 200h16v16h-16v-16z" fill="url(#i)" />
<linearGradient
id="j"
x1="-10.875"
x2="-10.875"
y1="557.015"
y2="625.551"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M360 200h16v16h-16v-16z" fill="url(#j)" />
<linearGradient
id="k"
x1="-30.875"
x2="-30.875"
y1="557.015"
y2="625.551"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M200 200h16v16h-16v-16z" fill="url(#k)" />
<linearGradient
id="l"
x1="-34.875"
x2="-34.875"
y1="557.015"
y2="625.551"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M168 200h16v16h-16v-16z" fill="url(#l)" />
<linearGradient
id="m"
x1="-38.875"
x2="-38.875"
y1="557.015"
y2="625.551"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M136 200h16v16h-16v-16z" fill="url(#m)" />
<linearGradient
id="n"
x1="-42.875"
x2="-42.875"
y1="557.015"
y2="625.551"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M104 200h16v16h-16v-16z" fill="url(#n)" />
</svg>
More icons in the same style and category