Add icons to this collection by clicking the heart icon.
Folder icon - also known as interface, storage, files, folder, office material, file storage, data storage, and files and folders. Created in a clean lineal 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.8 512.8"
>
<linearGradient
id="a"
x1="37.796"
x2="-25.279"
y1="618.691"
y2="555.624"
gradientTransform="matrix(8 0 0 -8 343 5088.6)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f7941e" />
<stop offset="1" stop-color="#ee2a7b" />
</linearGradient>
<path
d="M450.4 346.8 392 405.2l-18.4-18.4c-3.2-3.2-8-3.2-11.2 0s-3.2 8 0 11.2l24 24c1.6 1.6 4 2.4 5.6 2.4 2.4 0 4-.8 5.6-2.4l64-64c3.2-3.2 3.2-8 0-11.2s-8-3.2-11.2 0z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="5.545"
x2="-57.53"
y1="650.942"
y2="587.875"
gradientTransform="matrix(8 0 0 -8 343 5088.6)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f7941e" />
<stop offset="1" stop-color="#ee2a7b" />
</linearGradient>
<path
d="M176 80.4c-4.8 0-8 3.2-8 8s3.2 8 8 8h8c4.8 0 8-3.2 8-8s-3.2-8-8-8h-8z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="7.545"
x2="-55.53"
y1="648.942"
y2="585.875"
gradientTransform="matrix(8 0 0 -8 343 5088.6)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f7941e" />
<stop offset="1" stop-color="#ee2a7b" />
</linearGradient>
<path
d="M216 80.4h-8c-4.8 0-8 3.2-8 8s3.2 8 8 8h8c4.8 0 8-3.2 8-8s-3.2-8-8-8z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="3.545"
x2="-59.53"
y1="652.942"
y2="589.875"
gradientTransform="matrix(8 0 0 -8 343 5088.6)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f7941e" />
<stop offset="1" stop-color="#ee2a7b" />
</linearGradient>
<path
d="M152 96.4c4.8 0 8-3.2 8-8s-3.2-8-8-8h-8c-4.8 0-8 3.2-8 8s3.2 8 8 8h8z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="3.545"
x2="-59.53"
y1="652.942"
y2="589.875"
gradientTransform="matrix(8 0 0 -8 343 5088.6)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f7941e" />
<stop offset="1" stop-color="#ee2a7b" />
</linearGradient>
<path
d="M144 64.4h72c4.8 0 8-3.2 8-8s-3.2-8-8-8h-72c-4.8 0-8 3.2-8 8s3.2 8 8 8z"
fill="url(#e)"
/>
<linearGradient
id="f"
x1="11.294"
x2="-51.781"
y1="645.193"
y2="582.121"
gradientTransform="matrix(8 0 0 -8 343 5088.6)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f7941e" />
<stop offset="1" stop-color="#ee2a7b" />
</linearGradient>
<path
d="M288 144.4c0-4.8-3.2-8-8-8H152c-4.8 0-8 3.2-8 8s3.2 8 8 8h128c4.8 0 8-3.2 8-8z"
fill="url(#f)"
/>
<linearGradient
id="g"
x1="15.545"
x2="-47.53"
y1="640.942"
y2="577.875"
gradientTransform="matrix(8 0 0 -8 343 5088.6)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f7941e" />
<stop offset="1" stop-color="#ee2a7b" />
</linearGradient>
<path
d="M280 168.4h-56c-4.8 0-8 3.2-8 8s3.2 8 8 8h56c4.8 0 8-3.2 8-8s-3.2-8-8-8z"
fill="url(#g)"
/>
<linearGradient
id="h"
x1="17.793"
x2="-45.279"
y1="638.691"
y2="575.624"
gradientTransform="matrix(8 0 0 -8 343 5088.6)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f7941e" />
<stop offset="1" stop-color="#ee2a7b" />
</linearGradient>
<path
d="M280 200.4h-48c-4.8 0-8 3.2-8 8s3.2 8 8 8h48c4.8 0 8-3.2 8-8s-3.2-8-8-8z"
fill="url(#h)"
/>
<linearGradient
id="i"
x1="23.044"
x2="-40.028"
y1="633.44"
y2="570.373"
gradientTransform="matrix(8 0 0 -8 343 5088.6)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f7941e" />
<stop offset="1" stop-color="#ee2a7b" />
</linearGradient>
<path
d="M80 480.4c4.8 0 8-3.2 8-8s-3.2-8-8-8h-8c-4.8 0-8 3.2-8 8s3.2 8 8 8h8z"
fill="url(#i)"
/>
<linearGradient
id="j"
x1="25.044"
x2="-38.028"
y1="631.44"
y2="568.373"
gradientTransform="matrix(8 0 0 -8 343 5088.6)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f7941e" />
<stop offset="1" stop-color="#ee2a7b" />
</linearGradient>
<path
d="M112 480.4c4.8 0 8-3.2 8-8s-3.2-8-8-8h-8c-4.8 0-8 3.2-8 8s3.2 8 8 8h8z"
fill="url(#j)"
/>
<linearGradient
id="k"
x1="21.044"
x2="-42.028"
y1="635.44"
y2="572.373"
gradientTransform="matrix(8 0 0 -8 343 5088.6)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f7941e" />
<stop offset="1" stop-color="#ee2a7b" />
</linearGradient>
<path
d="M48 480.4c4.8 0 8-3.2 8-8s-3.2-8-8-8h-8c-4.8 0-8 3.2-8 8s3.2 8 8 8h8z"
fill="url(#k)"
/>
<linearGradient
id="l"
x1="10.042"
x2="-53.03"
y1="646.442"
y2="583.37"
gradientTransform="matrix(8 0 0 -8 343 5088.6)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f7941e" />
<stop offset="1" stop-color="#ee2a7b" />
</linearGradient>
<path
d="M8 344.4c4.8 0 8-3.2 8-8v-8c0-4.8-3.2-8-8-8s-8 3.2-8 8v8c0 4.8 3.2 8 8 8z"
fill="url(#l)"
/>
<linearGradient
id="m"
x1="-8.457"
x2="-71.529"
y1="664.941"
y2="601.874"
gradientTransform="matrix(8 0 0 -8 343 5088.6)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f7941e" />
<stop offset="1" stop-color="#ee2a7b" />
</linearGradient>
<path
d="M24 8.4v8c0 4.8 3.2 8 8 8s8-3.2 8-8v-8c0-4.8-3.2-8-8-8s-8 3.2-8 8z"
fill="url(#m)"
/>
<linearGradient
id="n"
x1="19.944"
x2="-43.128"
y1="636.54"
y2="573.466"
gradientTransform="matrix(8 0 0 -8 343 5088.6)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f7941e" />
<stop offset="1" stop-color="#ee2a7b" />
</linearGradient>
<path
d="M424 288.4v-40c0-4.8-3.2-8-8-8h-72v-152c0-2.4-.8-4-2.4-5.6l-80-80C260 1.2 258.4.4 256 .4H96c-4.8 0-8 3.2-8 8v160H72V8.4c0-4.8-3.2-8-8-8s-8 3.2-8 8v160H40v-120c0-4.8-3.2-8-8-8s-8 3.2-8 8v120H8c-4.8 0-8 3.2-8 8v120c0 4.8 3.2 8 8 8s8-3.2 8-8v-112h139.2l29.6 67.2c1.6 3.2 4 4.8 7.2 4.8h216v32c-49.6 4-88.8 45.6-88.8 96s39.2 92 88.8 96v16H16v-128c0-4.8-3.2-8-8-8s-8 3.2-8 8v136c0 4.8 3.2 8 8 8h408c4.8 0 8-3.2 8-8v-24c49.6-4 88.8-45.6 88.8-96s-39.2-92-88.8-96zM264 27.6l52.8 52.8H264V27.6zm-96.8 145.6c-.8-3.2-4-4.8-7.2-4.8h-56v-152h144v72c0 4.8 3.2 8 8 8h72v144H196.8l-29.6-67.2zm248.8 292c-44.8 0-80.8-36-80.8-80.8s36-80.8 80.8-80.8 80.8 36 80.8 80.8-36 80.8-80.8 80.8z"
fill="url(#n)"
/>
</svg>
More icons in the same style and category