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="M503.467 102.4h-256L204.8 42.667H34.133V76.8H179.2l42.667 59.733h281.6z"
fill="#a4c2f7"
/>
<path
d="M503.467 68.267h-230.4L230.4 8.533H59.733v34.134H204.8l42.667 59.733h256zM392.533 135.364H179.2v368.103h324.267V135.364z"
fill="#a4c2f7"
/>
<path
d="M221.867 135.364 179.2 76.8H8.533V503.467H332.8V135.364z"
fill="#fff"
/>
<path
d="M221.867 135.364 179.2 76.8H34.133V503.467h443.734V135.364z"
fill="#e3e7f2"
/>
<path d="M477.867 196.267H260.651l-38.784-59.734h256z" fill="#e3e7f2" />
<linearGradient
id="a"
x1="-48.702"
x2="-47.856"
y1="652.206"
y2="650.984"
gradientTransform="matrix(221.8667 0 0 -153.6 11061.4 100469.008)"
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="M435.2 307.2H238.933v153.6H460.8V307.2z" fill="url(#a)" />
<path
d="M503.467 512H8.533A8.525 8.525 0 0 1 0 503.467V76.8a8.525 8.525 0 0 1 8.533-8.533H179.2a8.529 8.529 0 0 1 6.942 3.575L226.258 128h277.208a8.525 8.525 0 0 1 8.533 8.533v366.933a8.525 8.525 0 0 1-2.498 6.035 8.522 8.522 0 0 1-6.034 2.499zm-486.4-17.067h477.867V145.067H221.867a8.529 8.529 0 0 1-6.942-3.575l-40.117-56.158H17.067v409.599z"
fill="#428dff"
/>
<path
d="M264.542 204.533a8.537 8.537 0 0 1-6.95-3.567l-85.333-119.2a8.536 8.536 0 0 1 13.884-9.934l85.333 119.2a8.534 8.534 0 0 1-6.934 13.501z"
fill="#428dff"
/>
<path
d="M503.467 204.8H264.533a8.533 8.533 0 0 1 0-17.066h238.933a8.533 8.533 0 0 1 .001 17.066zM494.933 512H17.067a8.533 8.533 0 0 1 0-17.066h477.867a8.533 8.533 0 1 1-.001 17.066zM503.467 145.067h-281.6a8.529 8.529 0 0 1-6.942-3.575l-40.117-56.158H34.133a8.525 8.525 0 0 1-8.533-8.533V42.667a8.525 8.525 0 0 1 8.533-8.533H204.8a8.529 8.529 0 0 1 6.942 3.575l40.117 56.158h251.608A8.525 8.525 0 0 1 512 102.4v34.133a8.53 8.53 0 0 1-8.533 8.534zM226.258 128h268.675v-17.067H247.467a8.529 8.529 0 0 1-6.942-3.575L200.408 51.2H42.667v17.067H179.2a8.529 8.529 0 0 1 6.942 3.575L226.258 128z"
fill="#428dff"
/>
<path
d="M503.467 110.933h-256a8.529 8.529 0 0 1-6.942-3.575L200.408 51.2H59.733a8.525 8.525 0 0 1-8.533-8.533V8.533A8.525 8.525 0 0 1 59.733 0H230.4a8.529 8.529 0 0 1 6.942 3.575l40.117 56.158h226.008A8.525 8.525 0 0 1 512 68.266V102.4a8.525 8.525 0 0 1-8.533 8.533zM251.858 93.867h243.075V76.8H273.067a8.529 8.529 0 0 1-6.942-3.575l-40.117-56.158H68.267v17.067H204.8a8.529 8.529 0 0 1 6.942 3.575l40.116 56.158zM460.8 469.333H238.933a8.525 8.525 0 0 1-8.533-8.533V307.2a8.525 8.525 0 0 1 8.533-8.533H460.8a8.525 8.525 0 0 1 8.533 8.533v153.6a8.525 8.525 0 0 1-8.533 8.533zm-213.333-17.066h204.8V315.733h-204.8v136.534z"
fill="#428dff"
/>
<path
d="M366.933 358.4H281.6a8.533 8.533 0 0 1 0-17.066h85.333a8.533 8.533 0 0 1 0 17.066zM418.133 392.533H281.6c-4.713 0-8.533-3.82-8.533-8.533s3.82-8.533 8.533-8.533h136.533a8.533 8.533 0 0 1 0 17.066zM418.133 426.667H281.6c-4.713 0-8.533-3.82-8.533-8.533s3.82-8.533 8.533-8.533h136.533c4.713 0 8.533 3.82 8.533 8.533s-3.82 8.533-8.533 8.533z"
fill="#428dff"
/>
</svg>
More icons in the same style and category