Add icons to this collection by clicking the heart icon.
Folder icon - also known as storage, folder, office material, file storage, data storage, and files and folders. Created in a clean lineal 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0h-30l-60-248.5L-30-497H0v316c16.568 0 30 13.432 30 30v121C30-13.432 16.568 0 0 0"
transform="translate(474.5 504.5)"
fill="#fc5a37"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30l-130-248.5L-30-497H0v158.5l-20 78.75L0-181c16.568 0 30 13.432 30 30v121C30-13.432 16.568 0 0 0"
transform="translate(444.5 504.5)"
fill="#fe843f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30l-60 248.5L-30 497H0Z"
transform="translate(414.5 7.5)"
fill="#7be3ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M444.5 166h-80v180h80z"
fill="#ffe278"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-210l180 497H0Z"
transform="translate(384.5 7.5)"
fill="#adeeff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 16.82-151.82 135 135z"
transform="translate(189.5 172.5)"
fill="#a8cfff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-45-362h30c24.853 0 45 20.147 45 45V0Z"
transform="translate(324.5 504.5)"
fill="#e0f8ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v317h-317v-497h167c24.853 0 45 20.147 45 45v90h60C-20.147-45 0-24.853 0 0"
transform="translate(324.5 187.5)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c24.853 0 45 20.147 45 45v90h90c24.853 0 45 20.147 45 45"
transform="translate(174.5 7.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v287"
transform="translate(354.5 217.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-135-135"
transform="translate(341.32 155.68)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-467v-497H0v316c16.568 0 30 13.432 30 30v121C30-13.432 16.568 0 0 0Z"
transform="translate(474.5 504.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-497"
transform="translate(384.5 504.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-158.5"
transform="translate(414.5 166)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-158.5"
transform="translate(414.5 504.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-180"
transform="translate(271 323.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-180"
transform="translate(271 368.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-180"
transform="translate(271 278.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h60v-180H0"
transform="translate(384.5 346)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category