Add icons to this collection by clicking the heart icon.
Folder icon - also known as interface, storage, folder, file storage, data storage, and files and folders. Created in a clean flat gradient style with a teal finish, 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 52 52"
>
<linearGradient id="a">
<stop offset=".569" stop-color="#55b4fb" />
<stop offset="1" stop-color="#0d81f3" />
</linearGradient>
<linearGradient
id="b"
x1="-175.828"
x2="411.45"
y1="-570.485"
y2="1133.535"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="22.336"
x2="28.597"
y1="16.303"
y2="37.568"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" />
<stop offset="1" stop-color="#dae7ed" />
</linearGradient>
<linearGradient
id="d"
x1="19.119"
x2="27.3"
y1="39.461"
y2="20.067"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="e"
cx="20.855"
cy="26.14"
r="15.445"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" stop-opacity=".1" />
<stop offset="1" stop-color="#fff" stop-opacity=".1" />
</radialGradient>
<radialGradient
id="f"
cx="25.395"
cy="4.747"
r="30.864"
gradientUnits="userSpaceOnUse"
>
<stop offset=".306" stop-color="#fff" />
<stop offset="1" stop-color="#fff" stop-opacity="0" />
</radialGradient>
<linearGradient
id="g"
x1="4208.317"
x2="4227.751"
y1="134.103"
y2="70.794"
gradientTransform="matrix(-1 0 0 1 4246.109 -79.156)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#efefef" />
<stop offset="1" stop-color="#96a1b2" />
</linearGradient>
<radialGradient
id="h"
cx="30.94"
cy="21.645"
r="3.551"
gradientUnits="userSpaceOnUse"
>
<stop offset=".306" stop-color="#fff" stop-opacity=".5" />
<stop offset="1" stop-color="#fff" stop-opacity="0" />
</radialGradient>
<radialGradient
id="i"
cx="30.94"
cy="21.645"
r="2.63"
gradientUnits="userSpaceOnUse"
>
<stop offset=".306" stop-color="#fff" />
<stop offset="1" stop-color="#fff" stop-opacity="0" />
</radialGradient>
<path
fill="#0850ac"
d="m49.42 13.837-.009-.01-2.533-2.519-.434.633h-5.082v18.955H3.483v9.049c0 .462.07.906.201 1.324l-.565.169c.1.1 2.948 2.92 3.049 3.003a4.413 4.413 0 0 0 2.86 1.044h37.71c-.037 0-.077 0-.115-.002h.11A3.262 3.262 0 0 0 50 42.228V15.377a2.33 2.33 0 0 0-.58-1.54z"
/>
<path
fill="url(#b)"
d="M45.075 10.458H24.61a1.87 1.87 0 0 1-1.556-.833L21.54 7.348a1.87 1.87 0 0 0-1.556-.834h-6.997c-.892 0-1.66.63-1.834 1.505l-.185.934a1.87 1.87 0 0 1-1.834 1.505h-1.92a2.337 2.337 0 0 0-2.337 2.337v5.899l26.83 3.735 6.827 17.217a3.252 3.252 0 0 0 3.256 3.256h2.357a3.26 3.26 0 0 0 3.266-3.256v-26.85a2.337 2.337 0 0 0-2.337-2.338z"
/>
<path
fill="url(#c)"
d="M9.45 12.739h32.3a2.695 2.695 0 0 1 2.696 2.695v23.913a2.696 2.696 0 0 1-2.696 2.696H9.45a2.695 2.695 0 0 1-2.695-2.696V15.434A2.695 2.695 0 0 1 9.45 12.74z"
/>
<path
fill="url(#d)"
d="M2 17.808v20.654a4.44 4.44 0 0 0 4.44 4.441h37.71a4.44 4.44 0 0 1-4.44-4.44V17.807a2.695 2.695 0 0 0-2.696-2.695H4.695A2.695 2.695 0 0 0 2 17.808z"
/>
<path
fill="url(#e)"
d="M39.71 18.17v-.361a2.695 2.695 0 0 0-2.696-2.696H4.695A2.695 2.695 0 0 0 2 17.808v16.103c18.891 9.933 31.52-5.034 37.71-15.742z"
/>
<path
fill="url(#f)"
d="M44.14 42.902a4.44 4.44 0 0 1-4.43-4.44V17.81a2.695 2.695 0 0 0-2.696-2.696H4.696a2.695 2.695 0 0 0-2.695 2.696v20.654a4.44 4.44 0 0 0 4.43 4.44c-2.022-.035-3.831-1.586-4.187-3.507-.091-.518.187-20.411.194-20.971.01-.53-.02-.955.13-1.341a2.24 2.24 0 0 1 1.84-1.492c.238-.025 32.641-.027 32.895-.001 1.134.133 1.931.927 1.971 2.834.258 21.356.253 20.397.41 21.03a4.483 4.483 0 0 0 4.466 3.448h-.01z"
/>
<path
fill="url(#g)"
d="M44.446 39.347V15.434a2.695 2.695 0 0 0-2.696-2.695H9.45a2.695 2.695 0 0 0-2.695 2.695c.022-1.472 1.382-2.665 2.77-2.557 3.98.08 19.95.458 32.287.377 1.149.016 2.185.966 2.146 2.33.03 10.765.187 15.647.231 19.382l.118 4.307c.108 1.386-1.083 2.745-2.555 2.77a2.695 2.695 0 0 0 2.694-2.696z"
/>
<circle cx="30.94" cy="21.646" r="3.551" fill="url(#h)" />
<path
fill="url(#i)"
d="m31.4 21.886.875 1.094-1.095-.875-.24 2.17-.24-2.17-1.095.875.876-1.094-2.171-.24 2.17-.242-.875-1.093 1.094.875.24-2.17.241 2.17 1.095-.875-.875 1.093 2.17.242z"
/>
</svg>
More icons in the same style and category