Add icons to this collection by clicking the heart icon.
Add Folder icon - also known as new, plus, ui, create, files and folders, add folder, and user interface. 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 500 500"
>
<linearGradient
id="a"
x1=".5"
x2=".5"
y1="499.51"
y2="500.26"
gradientTransform="matrix(312.5 0 0 -104.17 145.83 52156.25)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f7ae30" />
<stop offset="1" stop-color="#ffca4f" />
</linearGradient>
<linearGradient
id="b"
x1=".35"
x2=".49"
y1="499.43"
y2="499.5"
gradientTransform="matrix(218.75 0 0 -104.17 145.83 52156.25)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f4901f" />
<stop offset=".2" stop-color="#f69c29" stop-opacity=".8" />
<stop offset="1" stop-color="#ffca4f" stop-opacity="0" />
</linearGradient>
<linearGradient
id="c"
x1=".5"
x2=".5"
y1="499.56"
y2="499.96"
gradientTransform="matrix(312.5 0 0 -83.33 145.83 41760.42)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f4901f" />
<stop offset="1" stop-color="#ffca4f" stop-opacity="0" />
</linearGradient>
<linearGradient
id="d"
x1=".5"
x2=".5"
y1="499.78"
y2="499.01"
gradientTransform="matrix(457.37 0 0 -375 20.83 187562.5)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffca4f" />
<stop offset="1" stop-color="#f7ae30" />
</linearGradient>
<linearGradient
id="e"
x1=".5"
x2=".5"
y1="499.75"
y2="499.15"
gradientTransform="matrix(458.33 0 0 -72.92 20.83 36822.91)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffca4f" stop-opacity="0" />
<stop offset="1" stop-color="#f4901f" />
</linearGradient>
<linearGradient
id="f"
x1=".5"
x2=".5"
y1="500.04"
y2="498.96"
gradientTransform="matrix(145.83 0 0 -145.83 177.08 73125)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e28b5a" />
<stop offset="1" stop-color="#b35e3e" />
</linearGradient>
<g>
<path
fill="url(#a)"
d="M458.33 177.08h-312.5V72.92H437.5a20.89 20.89 0 0 1 20.83 20.83z"
/>
<path fill="url(#b)" d="M364.58 177.08H145.83V72.92h83.34z" />
<path fill="url(#c)" d="M145.83 93.75h312.5v83.33h-312.5z" />
<path
fill="url(#d)"
d="M458.33 437.5H41.67a20.89 20.89 0 0 1-20.83-20.83V83.33A20.89 20.89 0 0 1 41.67 62.5h86.46c4.17 0 9.38 1 12.5 4.17l71.88 54.17C215.63 124 220.83 125 225 125h232.29a20.89 20.89 0 0 1 20.83 20.83v270.84c1.05 11.46-8.33 20.83-19.79 20.83z"
/>
<path
fill="url(#e)"
d="M20.83 364.58v52.08a20.89 20.89 0 0 0 20.84 20.84h416.66a20.89 20.89 0 0 0 20.83-20.83v-52.09z"
/>
<path
fill="url(#f)"
d="M312.5 270.83h-52.08v-52.08c0-6.25-4.17-10.42-10.42-10.42s-10.42 4.17-10.42 10.42v52.08H187.5c-6.25 0-10.42 4.17-10.42 10.42s4.17 10.42 10.42 10.42h52.08v52.08c0 6.25 4.17 10.42 10.42 10.42s10.42-4.17 10.42-10.42v-52.08h52.08c6.25 0 10.42-4.17 10.42-10.42s-4.17-10.42-10.42-10.42z"
/>
</g>
</svg>
More icons in the same style and category