Add icons to this collection by clicking the heart icon.
Folder icon - also known as folder, archive, file storage, data storage, ui, and files and folders. Created in a clean glyph style with a white, black, and navy finish, 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"
>
<symbol id="r" viewBox="-24 -24 48 48">
<g clip-path="url(#a)">
<g
fill="none"
stroke="#000"
stroke-miterlimit="10"
stroke-width=".25"
>
<path
d="M-22-24v48M-20-24v48M-18-24v48M-16-24v48M-14-24v48M-12-24v48M-10-24v48M-8-24v48M-6-24v48M-4-24v48M-2-24v48M0-24v48M2-24v48M4-24v48M6-24v48M8-24v48M10-24v48M12-24v48M14-24v48M16-24v48M18-24v48M20-24v48M22-24v48"
/>
</g>
<g
fill="none"
stroke="#000"
stroke-miterlimit="10"
stroke-width=".25"
>
<path
d="M-24 22h48M-24 20h48M-24 18h48M-24 16h48M-24 14h48M-24 12h48M-24 10h48M-24 8h48M-24 6h48M-24 4h48M-24 2h48M-24 0h48M-24-2h48M-24-4h48M-24-6h48M-24-8h48M-24-10h48M-24-12h48M-24-14h48M-24-16h48M-24-18h48M-24-20h48M-24-22h48"
/>
</g>
<path d="M23.8 23.8v-47.5h-47.5v47.5zm.2.2h-48v-48h48z" />
</g>
</symbol>
<clipPath id="a"><path d="M-24-24h48v48h-48z" /></clipPath>
<symbol id="u" viewBox="-24 -24 48 48">
<g opacity=".4">
<path
fill="none"
stroke="#000"
stroke-miterlimit="10"
stroke-width=".25"
d="M0 24v-48"
clip-path="url(#b)"
/>
<path
fill="none"
stroke="#000"
stroke-miterlimit="10"
stroke-width=".25"
d="M24 0h-48"
clip-path="url(#c)"
/>
<path
fill="none"
stroke="#000"
stroke-miterlimit="10"
stroke-width=".25"
d="M24 8h-48"
clip-path="url(#d)"
/>
<path
fill="none"
stroke="#000"
stroke-miterlimit="10"
stroke-width=".25"
d="M24-8h-48"
clip-path="url(#e)"
/>
<path
fill="none"
stroke="#000"
stroke-miterlimit="10"
stroke-width=".25"
d="M8-24v48"
clip-path="url(#f)"
/>
<path
fill="none"
stroke="#000"
stroke-miterlimit="10"
stroke-width=".25"
d="M-8-24v48"
clip-path="url(#g)"
/>
<path
fill="none"
stroke="#000"
stroke-miterlimit="10"
stroke-width=".25"
d="m23.8 23.8-47.6-47.6"
clip-path="url(#h)"
/>
<path
fill="none"
stroke="#000"
stroke-miterlimit="10"
stroke-width=".25"
d="m-23.8 23.8 47.6-47.6"
clip-path="url(#i)"
/>
<path
fill="none"
stroke="#000"
stroke-miterlimit="10"
stroke-width=".25"
d="M0 10c-5.5 0-10-4.5-10-10s4.5-10 10-10S10-5.5 10 0 5.5 10 0 10z"
clip-path="url(#j)"
/>
<path
fill="none"
stroke="#000"
stroke-miterlimit="10"
stroke-width=".25"
d="M0 20c-11.1 0-20-8.9-20-20s8.9-20 20-20 20 8.9 20 20-8.9 20-20 20z"
clip-path="url(#k)"
/>
<path
fill="none"
stroke="#000"
stroke-miterlimit="10"
stroke-width=".25"
d="M14 18h-28c-2.2 0-4-1.8-4-4v-28c0-2.2 1.8-4 4-4h28c2.2 0 4 1.8 4 4v28c0 2.2-1.8 4-4 4z"
clip-path="url(#l)"
/>
<path
fill="none"
stroke="#000"
stroke-miterlimit="10"
stroke-width=".25"
d="M16 16h-32c-2.2 0-4-1.8-4-4v-24c0-2.2 1.8-4 4-4h32c2.2 0 4 1.8 4 4v24c0 2.2-1.8 4-4 4z"
clip-path="url(#m)"
/>
<path
fill="none"
stroke="#000"
stroke-miterlimit="10"
stroke-width=".25"
d="M16-16v32c0 2.2-1.8 4-4 4h-24c-2.2 0-4-1.8-4-4v-32c0-2.2 1.8-4 4-4h24c2.2 0 4 1.8 4 4z"
clip-path="url(#n)"
/>
<g clip-path="url(#o)">
<path d="M23.8 23.8v-47.5h-47.5v47.5zm.2.2h-48v-48h48z" />
</g>
</g>
</symbol>
<clipPath id="b"><path d="M-24-24h48v48h-48z" /></clipPath>
<clipPath id="c"><path d="M-24-24h48v48h-48z" /></clipPath>
<clipPath id="d"><path d="M-24-24h48v48h-48z" /></clipPath>
<clipPath id="e"><path d="M-24-24h48v48h-48z" /></clipPath>
<clipPath id="f"><path d="M-24-24h48v48h-48z" /></clipPath>
<clipPath id="g"><path d="M-24-24h48v48h-48z" /></clipPath>
<clipPath id="h"><path d="M-24-24h48v48h-48z" /></clipPath>
<clipPath id="i"><path d="M-24-24h48v48h-48z" /></clipPath>
<clipPath id="j"><path d="M-24-24h48v48h-48z" /></clipPath>
<clipPath id="k"><path d="M-24-24h48v48h-48z" /></clipPath>
<clipPath id="l"><path d="M-24-24h48v48h-48z" /></clipPath>
<clipPath id="m"><path d="M-24-24h48v48h-48z" /></clipPath>
<clipPath id="n"><path d="M-24-24h48v48h-48z" /></clipPath>
<clipPath id="o"><path d="M-24-24h48v48h-48z" /></clipPath>
<clipPath id="p"><path d="M0 0h512v512H0z" /></clipPath>
<clipPath id="q"><path d="M0 0h512v512H0z" /></clipPath>
<clipPath id="s"><path d="M0 0h512v512H0z" /></clipPath>
<clipPath id="t"><path d="M0 0h512v512H0z" /></clipPath>
<g fill="#001e30">
<path
d="M42.667 373.333v38.4c0 8.533 6.4 14.933 14.933 14.933h396.8c8.533 0 14.933-6.4 14.933-14.933v-38.4zM469.333 164.267c0-8.533-6.4-14.933-14.933-14.933H57.6c-8.533 0-14.933 6.4-14.933 14.933V352h426.667V164.267zM194.133 96c0-6.4-6.4-10.667-14.933-10.667H78.933C70.4 85.333 64 91.733 64 100.267V128h138.667z"
/>
</g>
</svg>
More icons in the same style and category