Add icons to this collection by clicking the heart icon.
Folder icon - also known as file, document, folder, office material, and files and folders. Created in a clean outline color style with a white, silver, gray, and pink 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"
>
<g>
<rect width="160" height="496" x="16" y="8" fill="#cd4f5f" rx="32" />
<path
fill="#b24654"
d="M144 480H48a32 32 0 0 1-32-32v24a32 32 0 0 0 32 32h96a32 32 0 0 0 32-32v-24a32 32 0 0 1-32 32z"
/>
<path
d="M144 512H48a40 40 0 0 1-40-40V168a8 8 0 0 1 16 0v304a24 24 0 0 0 24 24h96a24 24 0 0 0 24-24V40a24 24 0 0 0-24-24H48a24 24 0 0 0-24 24v96a8 8 0 0 1-16 0V40A40 40 0 0 1 48 0h96a40 40 0 0 1 40 40v432a40 40 0 0 1-40 40z"
/>
<path
fill="#f6f6f6"
d="M112 96H80a24 24 0 0 1 0-48h32a24 24 0 0 1 0 48z"
/>
<path
fill="#dcdcdc"
d="M112 48H80a24 24 0 0 0-24 24 23.92 23.92 0 0 0 3.22 12A24 24 0 0 1 80 72h32a24 24 0 0 1 20.78 12A23.92 23.92 0 0 0 136 72a24 24 0 0 0-24-24z"
/>
<path
d="M112 104H80a32 32 0 0 1 0-64h32a32 32 0 0 1 0 64zM80 56a16 16 0 0 0 0 32h32a16 16 0 0 0 0-32z"
/>
<circle cx="96" cy="424" r="40" fill="#f6f6f6" />
<path
fill="#dcdcdc"
d="M96 408a40 40 0 0 1 38.17 28 40 40 0 1 0-76.34 0A40 40 0 0 1 96 408z"
/>
<path
d="M96 472a48 48 0 1 1 48-48 48.05 48.05 0 0 1-48 48zm0-80a32 32 0 1 0 32 32 32 32 0 0 0-32-32z"
/>
<path fill="#f6edc8" d="M56 136h80v208H56z" />
<path fill="#f4dcb5" d="M56 320h80v24H56z" />
<path
d="M136 352H56a8 8 0 0 1-8-8V136a8 8 0 0 1 8-8h80a8 8 0 0 1 8 8v208a8 8 0 0 1-8 8zm-72-16h64V144H64z"
/>
<path
d="M104 176H88a8 8 0 0 1 0-16h16a8 8 0 0 1 0 16zM104 208H88a8 8 0 0 1 0-16h16a8 8 0 0 1 0 16zM104 320H88a8 8 0 0 1 0-16h16a8 8 0 0 1 0 16z"
/>
<rect width="160" height="496" x="176" y="8" fill="#a8edfd" rx="32" />
<path
fill="#8bd4de"
d="M304 480h-96a32 32 0 0 1-32-32v24a32 32 0 0 0 32 32h96a32 32 0 0 0 32-32v-24a32 32 0 0 1-32 32z"
/>
<path
d="M304 512h-96a40 40 0 0 1-40-40V40a40 40 0 0 1 40-40h96a40 40 0 0 1 40 40v432a40 40 0 0 1-40 40zM208 16a24 24 0 0 0-24 24v432a24 24 0 0 0 24 24h96a24 24 0 0 0 24-24V40a24 24 0 0 0-24-24z"
/>
<path
fill="#f6f6f6"
d="M272 96h-32a24 24 0 0 1 0-48h32a24 24 0 0 1 0 48z"
/>
<path
fill="#dcdcdc"
d="M272 48h-32a24 24 0 0 0-24 24 23.92 23.92 0 0 0 3.22 12A24 24 0 0 1 240 72h32a24 24 0 0 1 20.78 12A23.92 23.92 0 0 0 296 72a24 24 0 0 0-24-24z"
/>
<path
d="M272 104h-32a32 32 0 0 1 0-64h32a32 32 0 0 1 0 64zm-32-48a16 16 0 0 0 0 32h32a16 16 0 0 0 0-32z"
/>
<circle cx="256" cy="424" r="40" fill="#f6f6f6" />
<path
fill="#dcdcdc"
d="M256 408a40 40 0 0 1 38.17 28 40 40 0 1 0-76.34 0A40 40 0 0 1 256 408z"
/>
<path
d="M256 472a48 48 0 1 1 48-48 48.05 48.05 0 0 1-48 48zm0-80a32 32 0 1 0 32 32 32 32 0 0 0-32-32z"
/>
<path fill="#f6edc8" d="M216 136h80v208h-80z" />
<path fill="#f4dcb5" d="M216 320h80v24h-80z" />
<path
d="M296 352h-80a8 8 0 0 1-8-8V136a8 8 0 0 1 8-8h80a8 8 0 0 1 8 8v208a8 8 0 0 1-8 8zm-72-16h64V144h-64z"
/>
<path
d="M264 176h-16a8 8 0 0 1 0-16h16a8 8 0 0 1 0 16zM264 208h-16a8 8 0 0 1 0-16h16a8 8 0 0 1 0 16zM264 320h-16a8 8 0 0 1 0-16h16a8 8 0 0 1 0 16z"
/>
<rect width="160" height="496" x="336" y="8" fill="#b1da7a" rx="32" />
<path
fill="#96bf5b"
d="M464 480h-96a32 32 0 0 1-32-32v24a32 32 0 0 0 32 32h96a32 32 0 0 0 32-32v-24a32 32 0 0 1-32 32z"
/>
<path
d="M464 512h-96a40 40 0 0 1-40-40V40a40 40 0 0 1 40-40h96a40 40 0 0 1 40 40v272a8 8 0 0 1-16 0V40a24 24 0 0 0-24-24h-96a24 24 0 0 0-24 24v432a24 24 0 0 0 24 24h96a24 24 0 0 0 24-24V344a8 8 0 0 1 16 0v128a40 40 0 0 1-40 40z"
/>
<path d="M496 352a8 8 0 1 1 6.65-12.44A8 8 0 0 1 496 352z" />
<path
fill="#f6f6f6"
d="M432 96h-32a24 24 0 0 1 0-48h32a24 24 0 0 1 0 48z"
/>
<path
fill="#dcdcdc"
d="M432 48h-32a24 24 0 0 0-24 24 23.92 23.92 0 0 0 3.22 12A24 24 0 0 1 400 72h32a24 24 0 0 1 20.78 12A23.92 23.92 0 0 0 456 72a24 24 0 0 0-24-24z"
/>
<path
d="M432 104h-32a32 32 0 0 1 0-64h32a32 32 0 0 1 0 64zm-32-48a16 16 0 0 0 0 32h32a16 16 0 0 0 0-32z"
/>
<circle cx="416" cy="424" r="40" fill="#f6f6f6" />
<path
fill="#dcdcdc"
d="M416 408a40 40 0 0 1 38.17 28 40 40 0 1 0-76.34 0A40 40 0 0 1 416 408z"
/>
<path
d="M416 472a48 48 0 1 1 48-48 48.05 48.05 0 0 1-48 48zm0-80a32 32 0 1 0 32 32 32 32 0 0 0-32-32z"
/>
<path fill="#f6edc8" d="M376 136h80v208h-80z" />
<path fill="#f4dcb5" d="M376 320h80v24h-80z" />
<path
d="M456 352h-80a8 8 0 0 1-8-8V136a8 8 0 0 1 8-8h80a8 8 0 0 1 8 8v208a8 8 0 0 1-8 8zm-72-16h64V144h-64z"
/>
<path
d="M424 176h-16a8 8 0 0 1 0-16h16a8 8 0 0 1 0 16zM424 208h-16a8 8 0 0 1 0-16h16a8 8 0 0 1 0 16zM424 320h-16a8 8 0 0 1 0-16h16a8 8 0 0 1 0 16z"
/>
</g>
</svg>
More icons in the same style and category