Add icons to this collection by clicking the heart icon.
Folder icon - also known as security, folder, archive, file storage, unlock, data storage, ui, folder icon, and open padlock. Created in a clean 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 64 64"
>
<linearGradient id="a">
<stop offset="0" stop-color="#fedbb8" />
<stop offset="1" stop-color="#20f6a8" />
</linearGradient>
<linearGradient
id="b"
x1="36"
x2="36"
y1="64"
y2="0"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="20"
x2="20"
y1="64"
y2="0"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="22"
x2="22"
y1="64"
y2="0"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="50"
x2="50"
y1="64"
y2="0"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="14"
x2="14"
y1="64"
y2="0"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="16"
x2="16"
y1="64"
y2="0"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="52"
x2="52"
y1="64"
y2="0"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="32"
x2="32"
y1="64"
y2="0"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="12"
x2="12"
y1="64"
y2="0"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path fill="url(#b)" d="M24 26h24a2 2 0 0 0 0-4H24a2 2 0 0 0 0 4z" />
<path
fill="url(#c)"
d="M20 46a2 2 0 0 0 2-2V28a2 2 0 0 0-4 0v16a2 2 0 0 0 2 2z"
/>
<path
fill="url(#d)"
d="M20 30a2 2 0 0 0 2-2c0-1.103.897-2 2-2a2 2 0 0 0 0-4c-3.309 0-6 2.691-6 6a2 2 0 0 0 2 2z"
/>
<path
fill="url(#e)"
d="M48 26c1.103 0 2 .897 2 2a2 2 0 0 0 4 0c0-3.309-2.691-6-6-6a2 2 0 0 0 0 4zM48 18c1.103 0 2 .897 2 2a2 2 0 0 0 4 0c0-3.309-2.691-6-6-6a2 2 0 0 0 0 4z"
/>
<path
fill="url(#f)"
d="M12 22a2 2 0 0 0 2-2c0-1.103.897-2 2-2a2 2 0 0 0 0-4c-3.309 0-6 2.691-6 6a2 2 0 0 0 2 2z"
/>
<path
fill="url(#e)"
d="M48 50c3.309 0 6-2.691 6-6a2 2 0 0 0-4 0c0 1.103-.897 2-2 2a2 2 0 0 0 0 4z"
/>
<path
fill="url(#g)"
d="M16 50c3.252 0 6-2.748 6-6a2 2 0 0 0-4 0c0 1.047-.953 2-2 2s-2-.953-2-2a2 2 0 0 0-4 0c0 3.252 2.748 6 6 6z"
/>
<path fill="url(#h)" d="M50 44a2 2 0 0 0 4 0V20a2 2 0 0 0-4 0z" />
<path
fill="url(#i)"
d="M16 18h32a2 2 0 0 0 0-4H16a2 2 0 0 0 0 4zM48 46H16a2 2 0 0 0 0 4h32a2 2 0 0 0 0-4z"
/>
<path
fill="url(#j)"
d="M12 46a2 2 0 0 0 2-2V20a2 2 0 0 0-4 0v24a2 2 0 0 0 2 2z"
/>
</svg>
More icons in the same style and category