Add icons to this collection by clicking the heart icon.
Folder icon - also known as document, folder, office material, archive, file storage, data storage, ui, and files and folders. Created in a clean flat gradient 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="512"
height="512"
viewBox="0 0 32 32"
>
<linearGradient
id="a"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(0 30 -30 0 16 2)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#87d0fd" />
<stop offset="1" stop-color="#049fff" />
</linearGradient>
<linearGradient
id="b"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(0 9 -9 0 22.5 8)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#eff4fa" />
<stop offset="1" stop-color="#68a4ec" />
</linearGradient>
<linearGradient
id="c"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(0 15.743 -15.743 0 21 18.5)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc9f62" />
<stop offset="1" stop-color="#e55b00" />
</linearGradient>
<g fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2">
<path
fill="url(#a)"
d="M13.008 8.25A4 4 0 0 1 17 4.5h10a4 4 0 0 1 4 4v15a4 4 0 0 1-4 4H5a4 4 0 0 1-4-4V12.25a4 4 0 0 1 4-4z"
/>
<path fill="url(#b)" d="M26 8.5h-7a1 1 0 0 0 0 2h7a1 1 0 0 0 0-2z" />
<g fill="url(#c)">
<path
d="M26 18h-7a1 1 0 0 0 0 2h7a1 1 0 0 0 0-2zM26 21.621H16a1.001 1.001 0 0 0 0 2h10a1 1 0 0 0 0-2z"
/>
</g>
</g>
</svg>
More icons in the same style and category