Add icons to this collection by clicking the heart icon.
Folder icon - also known as interface, storage, folder, office material, file storage, data storage, and files and folders. Created in a clean color 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="512pt"
height="512pt"
viewBox="0 -63 512 512"
>
<linearGradient id="a">
<stop offset="0" stop-color="#ffd00d" />
<stop offset=".238" stop-color="#ffcb0e" />
<stop offset=".535" stop-color="#fb1" />
<stop offset=".863" stop-color="#ffa215" />
<stop offset="1" stop-color="#ff9517" />
</linearGradient>
<linearGradient
id="d"
x1="405.156"
x2="313.247"
y1="-41.241"
y2="205.402"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#ff9517" stop-opacity="0" />
<stop offset=".307" stop-color="#ee8421" stop-opacity=".306" />
<stop offset=".678" stop-color="#e07728" stop-opacity=".678" />
<stop offset="1" stop-color="#db722b" />
</linearGradient>
<linearGradient
id="e"
x1="410.946"
x2="243.393"
y1="318.933"
y2="151.381"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="f"
x1="282.329"
x2="152.183"
y1="112.322"
y2="-17.824"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="g"
x1="258.062"
x2="258.062"
y1="-99.307"
y2="390.416"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fffcf8" />
<stop offset=".188" stop-color="#faf8f6" />
<stop offset=".404" stop-color="#eceef2" />
<stop offset=".635" stop-color="#d5dcea" />
<stop offset=".875" stop-color="#b5c4df" />
<stop offset="1" stop-color="#a1b5d8" />
</linearGradient>
<linearGradient id="c">
<stop offset="0" stop-color="#a1b5d8" stop-opacity="0" />
<stop offset=".67" stop-color="#8190a4" stop-opacity=".671" />
<stop offset="1" stop-color="#748290" />
</linearGradient>
<linearGradient
id="h"
x1="482.845"
x2="355.366"
y1="248.203"
y2="236.153"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="i"
x1="281.026"
x2="162.568"
y1="111.019"
y2="-7.44"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="j"
x1="213.168"
x2="213.168"
y1="10.315"
y2="62.87"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff4974" />
<stop offset=".228" stop-color="#fd4571" />
<stop offset=".466" stop-color="#f93867" />
<stop offset=".71" stop-color="#f12358" />
<stop offset=".955" stop-color="#e60642" />
<stop offset="1" stop-color="#e4003d" />
</linearGradient>
<linearGradient
id="k"
x1="234.363"
x2="234.363"
y1="197.447"
y2="408.537"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#d)"
d="M476.703 386.633H137.305c-8.977 0-16.254-7.278-16.254-16.254V43.32C121.05 19.395 140.445 0 164.37 0H468.68C492.605 0 512 19.395 512 43.32v308.016c0 19.496-15.8 35.297-35.297 35.297zm0 0"
/>
<path
fill="url(#e)"
d="M137.305 386.633h339.398c19.496 0 35.297-15.805 35.297-35.297V71.98l-33.754-33.753c-5.512-6.153-13.516-10.028-22.426-10.028H123.77a43.218 43.218 0 0 0-2.72 15.121V370.38c0 8.976 7.278 16.254 16.255 16.254zm0 0"
/>
<path
fill="url(#f)"
d="M139.395 31.629c5.976 18.758 23.402 31.492 43.09 31.492h120.023c-1.586 0-3.156-.09-4.711-.254L249.07 14.172C240.723 5.414 229 .137 216.332.137h-51.086c-13.809 0-26.168 6.199-34.46 15.957a45.143 45.143 0 0 1 8.609 15.535zm0 0"
/>
<path
fill="url(#g)"
d="M455.82 386.633H60.305c-16.625 0-30.102-13.477-30.102-30.102V58.297c0-16.625 13.477-30.102 30.102-30.102H455.82c16.625 0 30.102 13.477 30.102 30.102V356.53c0 16.625-13.477 30.102-30.102 30.102zm0 0"
/>
<path
fill="url(#h)"
d="M444.031 77.309c-8.242-8.73-19.918-14.188-32.875-14.188H30.203v293.41c0 16.625 13.477 30.102 30.102 30.102H455.82c16.625 0 30.102-13.477 30.102-30.102V119.2zm0 0"
/>
<path
fill="url(#i)"
d="M139.395 31.629c5.976 18.758 23.402 31.492 43.09 31.492h120.023c-1.586 0-3.156-.09-4.711-.254l-34.692-34.672H138.133c.46 1.125.89 2.262 1.262 3.434zm0 0"
/>
<path
fill="url(#j)"
d="M306.309 74.523V63.121h-3.801c-19.684 0-37.11-12.734-43.086-31.492C253.445 12.87 236.02.137 216.332.137h-51.086c-24.973 0-45.223 20.246-45.223 45.222v29.164zm0 0"
/>
<path
fill="url(#k)"
d="M139.395 31.629C133.418 12.87 115.992.137 96.309.137H45.223C20.246.137 0 20.383 0 45.359v296.614c0 24.664 19.996 44.66 44.66 44.66h424.067c-6.82 0-12.348-5.528-12.348-12.348V108.344c0-24.973-20.246-45.223-45.223-45.223H182.484c-19.687 0-37.113-12.734-43.09-31.492zm0 0"
/>
</svg>
More icons in the same style and category