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 ui. Created in a clean blue style with a white and silver 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="100"
height="100"
viewBox="0 0 512 512"
>
<path d="M392.533 98.135H179.2v375.466h324.267V98.135z" fill="#a4c2f7" />
<path
d="M221.867 98.135 179.2 38.401H8.533v435.2H332.8V98.135z"
fill="#fff"
/>
<path
d="M221.867 98.135 179.2 38.401H34.133v435.2h443.734V98.135z"
fill="#e3e7f2"
/>
<path
d="M477.867 157.868H260.651v-.265l-38.784-59.468h256z"
fill="#e3e7f2"
/>
<linearGradient
id="a"
x1="-48.625"
x2="-47.736"
y1="651.909"
y2="650.766"
gradientTransform="matrix(153.6 0 0 -119.4667 7656.6 78167.297)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d4e1f4" />
<stop offset=".172" stop-color="#d4e1f4" />
<stop offset=".2" stop-color="#d4e1f4" />
<stop offset=".2" stop-color="#dae4f4" />
<stop offset=".201" stop-color="#ebebf4" />
<stop offset=".201" stop-color="#f6f1f4" />
<stop offset=".202" stop-color="#fdf4f4" />
<stop offset=".205" stop-color="#fff5f4" />
<stop offset=".252" stop-color="#fff5f4" />
<stop offset=".26" stop-color="#fff5f4" />
<stop offset=".26" stop-color="#d4e1f4" />
<stop offset=".397" stop-color="#d4e1f4" />
<stop offset=".42" stop-color="#d4e1f4" />
<stop offset=".42" stop-color="#dae4f4" />
<stop offset=".421" stop-color="#ebebf4" />
<stop offset=".421" stop-color="#f6f1f4" />
<stop offset=".422" stop-color="#fdf4f4" />
<stop offset=".425" stop-color="#fff5f4" />
<stop offset=".489" stop-color="#fff5f4" />
<stop offset=".5" stop-color="#fff5f4" />
<stop offset=".5" stop-color="#f9f2f4" />
<stop offset=".5" stop-color="#e8ebf4" />
<stop offset=".5" stop-color="#dde5f4" />
<stop offset=".5" stop-color="#d6e2f4" />
<stop offset=".501" stop-color="#d4e1f4" />
<stop offset=".706" stop-color="#d4e1f4" />
<stop offset=".74" stop-color="#d4e1f4" />
<stop offset=".741" stop-color="#fff5f4" />
<stop offset=".835" stop-color="#fff5f4" />
<stop offset=".85" stop-color="#fff5f4" />
<stop offset=".851" stop-color="#d4e1f4" />
</linearGradient>
<path d="M307.2 294.401h-128v119.467h153.6V294.401z" fill="url(#a)" />
<circle cx="256" cy="345.601" r="25.6" fill="#e3e7f2" />
<path
d="M503.467 482.135H8.533A8.525 8.525 0 0 1 0 473.602v-435.2a8.525 8.525 0 0 1 8.533-8.533H179.2a8.529 8.529 0 0 1 6.942 3.575l40.117 56.158h277.208A8.525 8.525 0 0 1 512 98.135v375.467a8.525 8.525 0 0 1-8.533 8.533zm-486.4-17.067h477.867v-358.4H221.867a8.529 8.529 0 0 1-6.942-3.575l-40.117-56.158H17.067v418.133z"
fill="#428dff"
/>
<path
d="M264.542 166.135a8.537 8.537 0 0 1-6.95-3.567l-85.333-119.2a8.535 8.535 0 1 1 13.884-9.933l85.333 119.2a8.532 8.532 0 0 1-6.934 13.5zM332.8 422.401H179.2a8.525 8.525 0 0 1-8.533-8.533V294.401a8.525 8.525 0 0 1 8.533-8.533h153.6a8.525 8.525 0 0 1 8.533 8.533v119.467a8.525 8.525 0 0 1-8.533 8.533zm-145.067-17.066h136.533v-102.4H187.733v102.4z"
fill="#428dff"
/>
<path
d="M298.667 302.935h-85.333a8.525 8.525 0 0 1-8.533-8.533v-42.667c0-28.277 22.923-51.2 51.2-51.2 28.277 0 51.2 22.923 51.2 51.2v42.667a8.525 8.525 0 0 1-8.534 8.533zm-76.8-17.067h68.267v-34.133c0-18.851-15.282-34.133-34.133-34.133-18.851 0-34.133 15.282-34.133 34.133v34.133zM256 379.735c-18.851 0-34.133-15.282-34.133-34.133 0-18.851 15.282-34.133 34.133-34.133 18.851 0 34.133 15.282 34.133 34.133-.018 18.843-15.289 34.114-34.133 34.133zm0-51.2c-9.426 0-17.067 7.641-17.067 17.067s7.641 17.067 17.067 17.067 17.067-7.641 17.067-17.067c-.013-9.421-7.646-17.055-17.067-17.067z"
fill="#428dff"
/>
<path
d="M256 396.801a8.525 8.525 0 0 1-8.533-8.533v-17.067a8.533 8.533 0 0 1 17.066 0v17.067a8.525 8.525 0 0 1-8.533 8.533zM503.467 166.401H264.533a8.533 8.533 0 0 1 0-17.066h238.933a8.533 8.533 0 0 1 .001 17.066z"
fill="#428dff"
/>
</svg>
More icons in the same style and category