Add icons to this collection by clicking the heart icon.
Folder icon - also known as interface, storage, folder, office material, file storage, data storage, and files and folders. 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="100"
height="100"
viewBox="0 0 512 512"
>
<linearGradient
id="a"
x1="74.981"
x2="437.019"
y1="439.019"
y2="76.981"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#25d9f8" />
<stop offset="1" stop-color="#0080af" />
</linearGradient>
<circle cx="256" cy="256" r="256" fill="url(#a)" />
<linearGradient
id="b"
x1="109.227"
x2="402.773"
y1="335.4"
y2="335.4"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffd400" />
<stop offset="1" stop-color="#ff9f00" />
</linearGradient>
<path
d="M402.773 161.4V213l-35.833 17.2H130.899L109.227 213v-86h98.785l34.4 34.4z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="109.227"
x2="402.774"
y1="215"
y2="215"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffe875" />
<stop offset="1" stop-color="#fdbf00" />
</linearGradient>
<path d="M109.227 213v172h293.547V213H109.227z" fill="url(#c)" />
<linearGradient
id="d"
x1="242"
x2="351"
y1="240.8"
y2="240.8"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#7b7b7b" />
<stop offset="1" stop-color="#292929" />
</linearGradient>
<path d="M350.6 264.6h17.2v17.2h-17.2z" fill="url(#d)" />
<linearGradient
id="e"
x1="242"
x2="351"
y1="240.8"
y2="240.8"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#7b7b7b" />
<stop offset="1" stop-color="#292929" />
</linearGradient>
<path d="M230.2 264.6h103.2v17.2H230.2z" fill="url(#e)" />
</svg>
More icons in the same style and category