Add icons to this collection by clicking the heart icon.
Folder icon - also known as interface, storage, broken, folder, office material, file storage, data storage, and files and folders. Created in a clean lineal color style with a 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="100"
height="100"
viewBox="0 0 512 512"
>
<path
d="m300.979 375.438 37.229-37.229c3.75-3.75 4.167-9.698 1-13.938l-59.479-79.302 38.479-57.719a10.658 10.658 0 0 0 1.479-8.5l-21.333-85.333A10.674 10.674 0 0 0 288 85.334h-38.25l-39.542-39.542c-2-2-4.708-3.125-7.542-3.125h-160C19.146 42.667 0 61.802 0 85.333v341.333c0 23.531 19.146 42.667 42.667 42.667h288c3.688 0 7.125-1.917 9.083-5.063a10.694 10.694 0 0 0 .458-10.375l-39.229-78.457z"
fill="#303c42"
/>
<path
d="M42.667 448c-11.771 0-21.333-9.573-21.333-21.333V85.333C21.333 73.573 30.896 64 42.667 64H198.25l39.542 39.542c2 2 4.708 3.125 7.542 3.125h34.333l18.167 72.677-40.042 60.073a10.684 10.684 0 0 0 .333 12.313l58.458 77.938-36.125 36.125a10.648 10.648 0 0 0-2 12.313L313.417 448H42.667z"
fill="#00aae7"
/>
<path
d="M469.333 85.333H352a10.66 10.66 0 0 0-8.417 4.104 10.669 10.669 0 0 0-1.938 9.146l20.188 80.76-40.042 60.073a10.684 10.684 0 0 0 .333 12.313l58.458 77.938-36.125 36.125a10.648 10.648 0 0 0-2 12.313l42.667 85.333a10.671 10.671 0 0 0 9.542 5.896h74.667c23.521 0 42.667-19.135 42.667-42.667V128c0-23.531-19.146-42.667-42.667-42.667z"
fill="#303c42"
/>
<path
d="M490.667 426.667c0 11.76-9.563 21.333-21.333 21.333H401.25l-36.271-72.563 37.229-37.229c3.75-3.75 4.167-9.698 1-13.938l-59.479-79.302 38.479-57.719a10.658 10.658 0 0 0 1.479-8.5l-18.021-72.083h103.667c11.771 0 21.333 9.573 21.333 21.333v298.668z"
fill="#00aae7"
/>
<path
d="M21.333 416v10.667c0 11.76 9.563 21.333 21.333 21.333h270.75l-16.005-32H21.333zM469.333 106.667H456.27v288c0 11.76-9.563 21.333-21.333 21.333h-49.682l15.995 32h68.083c11.771 0 21.333-9.573 21.333-21.333V128c.001-11.76-9.562-21.333-21.333-21.333z"
opacity=".1"
/>
<linearGradient
id="a"
x1="-48.177"
x2="-21.995"
y1="639.767"
y2="627.559"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" stop-opacity=".2" />
<stop offset="1" stop-color="#fff" stop-opacity="0" />
</linearGradient>
<path
d="m300.979 375.438 37.229-37.229c3.75-3.75 4.167-9.698 1-13.938l-59.479-79.302 38.479-57.719a10.658 10.658 0 0 0 1.479-8.5l-21.333-85.333A10.674 10.674 0 0 0 288 85.334h-38.25l-39.542-39.542c-2-2-4.708-3.125-7.542-3.125h-160C19.146 42.667 0 61.802 0 85.333v341.333c0 23.531 19.146 42.667 42.667 42.667h288c3.688 0 7.125-1.917 9.083-5.063a10.694 10.694 0 0 0 .458-10.375l-39.229-78.457zM469.333 85.333H352a10.66 10.66 0 0 0-8.417 4.104 10.669 10.669 0 0 0-1.938 9.146l20.188 80.76-40.042 60.073a10.684 10.684 0 0 0 .333 12.313l58.458 77.938-36.125 36.125a10.648 10.648 0 0 0-2 12.313l42.667 85.333a10.671 10.671 0 0 0 9.542 5.896h74.667c23.521 0 42.667-19.135 42.667-42.667V128c0-23.531-19.146-42.667-42.667-42.667z"
fill="url(#a)"
/>
</svg>
More icons in the same style and category