Add icons to this collection by clicking the heart icon.
Folder icon - also known as interface, arrow, storage, folder, office material, file storage, data storage, down arrow, 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="488pt"
height="488pt"
viewBox="-32 0 488 488"
>
<linearGradient id="a">
<stop offset="0" stop-color="#003f8a" />
<stop offset=".518" stop-color="#00d7df" />
<stop offset="1" stop-color="#006df0" />
</linearGradient>
<linearGradient
id="b"
x1="25.6"
x2="513.56"
y1="578.376"
y2="90.416"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="-162.392"
x2="325.576"
y1="390.384"
y2="-97.576"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="-88.384"
x2="399.576"
y1="464.384"
y2="-23.576"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="-164.384"
x2="323.576"
y1="388.384"
y2="-99.576"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="87.616"
x2="575.576"
y1="640.384"
y2="152.424"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="115.616"
x2="603.576"
y1="668.384"
y2="180.424"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M416 152H288a8 8 0 0 0-8 8v40H120a8 8 0 0 0-8 8v32H64a7.914 7.914 0 0 0-7.762 9.84L112.16 481.44a7.863 7.863 0 0 0 1.918 3.918c.3.317.621.61.961.88a7.3 7.3 0 0 0 3.36 1.6A9.635 9.635 0 0 0 120 488h296a8 8 0 0 0 8-8V160a8 8 0 0 0-8-8zm-288 64h160a8 8 0 0 0 8-8v-40h112v278l-48.238-199.84A8.002 8.002 0 0 0 352 240H128zm-1.68 256L74.16 256h271.52l52.16 216zm0 0"
/>
<path
fill="url(#c)"
d="M146.078 181.36c1.512 1.68 3.664 2.64 5.922 2.64s4.41-.96 5.922-2.64l72-80a8.01 8.01 0 0 0 1.375-8.602A8.006 8.006 0 0 0 224 88h-32V8a8 8 0 0 0-8-8h-64a8 8 0 0 0-8 8v80H80a8.006 8.006 0 0 0-7.297 4.758 8.01 8.01 0 0 0 1.375 8.601zM120 104a8 8 0 0 0 8-8V16h48v80a8 8 0 0 0 8 8h22l-54 60-54-60zm0 0"
/>
<path
fill="url(#d)"
d="M312 104c22.09 0 40-17.91 40-40s-17.91-40-40-40-40 17.91-40 40 17.91 40 40 40zm0-64c13.254 0 24 10.746 24 24s-10.746 24-24 24-24-10.746-24-24c.04-13.238 10.762-23.96 24-24zm0 0"
/>
<path
fill="url(#e)"
d="M80 184c0-22.09-17.91-40-40-40S0 161.91 0 184s17.91 40 40 40 40-17.91 40-40zm-40 24c-13.254 0-24-10.746-24-24s10.746-24 24-24 24 10.746 24 24c-.04 13.238-10.762 23.96-24 24zm0 0"
/>
<path
fill="url(#f)"
d="M320 424h-48a8 8 0 0 0 0 16h48a8 8 0 0 0 0-16zm0 0"
/>
<path
fill="url(#g)"
d="M336 432a8 8 0 0 0 8 8h16a8 8 0 0 0 0-16h-16a8 8 0 0 0-8 8zm0 0"
/>
</svg>
More icons in the same style and category