Add icons to this collection by clicking the heart icon.
Folders icon - also known as interface, education, file, document, documents, folder, office material, folders, and archives. Created in a clean color style with a 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"
>
<linearGradient
id="a"
x1="43.738"
x2="175.309"
y1="259.543"
y2="259.543"
gradientTransform="matrix(1.0039 0 0 -1.0039 .192 516.56)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fcc344" />
<stop offset="1" stop-color="#d48000" />
</linearGradient>
<path
d="M111.328 481.882H16.672C7.464 481.882 0 474.418 0 465.21V46.79c0-9.208 7.464-16.672 16.672-16.672h94.656c9.208 0 16.672 7.464 16.672 16.672v418.42c0 9.208-7.464 16.672-16.672 16.672z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="82.489"
x2="-219.321"
y1="353.829"
y2="353.829"
gradientTransform="matrix(1.0039 0 0 -1.0039 .192 516.56)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fcc344" />
<stop offset="1" stop-color="#d48000" />
</linearGradient>
<path
d="M105.971 275.362H22.029a4.692 4.692 0 0 1-4.692-4.692V52.02a4.692 4.692 0 0 1 4.692-4.692h83.942a4.692 4.692 0 0 1 4.692 4.692v218.649a4.693 4.693 0 0 1-4.692 4.693z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="63.559"
x2="63.559"
y1="391.333"
y2="126.733"
gradientTransform="matrix(1.0039 0 0 -1.0039 .192 516.56)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff2eb" />
<stop offset="1" stop-color="#f1dacb" />
</linearGradient>
<path
d="M102.095 271.059h-76.19a4.393 4.393 0 0 1-4.392-4.392V56.023a4.393 4.393 0 0 1 4.392-4.392h76.191a4.393 4.393 0 0 1 4.392 4.392v210.644a4.394 4.394 0 0 1-4.393 4.392z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="157.668"
x2="51.411"
y1="23.653"
y2="129.903"
gradientTransform="matrix(1.0039 0 0 -1.0039 .192 516.56)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fcc344" stop-opacity="0" />
<stop offset="1" stop-color="#d48000" />
</linearGradient>
<path
d="M128 465.21v-62.655l-33.137-33.137c-7.719-8.233-18.686-13.383-30.863-13.383-23.366 0-42.308 18.942-42.308 42.308 0 12.176 5.151 23.143 13.383 30.862l52.679 52.678h23.573c9.209-.001 16.673-7.465 16.673-16.673z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="63.559"
x2="63.559"
y1="141.583"
y2="-132.737"
gradientTransform="matrix(1.0039 0 0 -1.0039 .192 516.56)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e6e6e6" />
<stop offset="1" stop-color="#999" />
</linearGradient>
<circle cx="64" cy="398.346" r="42.305" fill="url(#e)" />
<radialGradient
id="f"
cx="63.559"
cy="117.753"
r="40.982"
gradientTransform="matrix(1.0039 0 0 -1.0039 .192 516.56)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#666" />
<stop offset=".289" stop-color="#686868" stop-opacity=".711" />
<stop offset=".459" stop-color="#717171" stop-opacity=".541" />
<stop offset=".597" stop-color="#7f7f7f" stop-opacity=".403" />
<stop offset=".719" stop-color="#939393" stop-opacity=".281" />
<stop offset=".83" stop-color="#adadad" stop-opacity=".17" />
<stop offset=".932" stop-color="#ccc" stop-opacity=".068" />
<stop offset="1" stop-color="#e6e6e6" stop-opacity="0" />
</radialGradient>
<circle cx="64" cy="398.346" r="42.305" fill="url(#f)" />
<linearGradient
id="g"
x1="74.096"
x2="49.795"
y1="107.22"
y2="131.51"
gradientTransform="matrix(1.0039 0 0 -1.0039 .192 516.56)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff2eb" />
<stop offset="1" stop-color="#f1dacb" />
</linearGradient>
<circle cx="64" cy="398.346" r="30.476" fill="url(#g)" />
<path
d="M35.368 69.913h57.274V86.98H35.368zM35.368 105.301h57.274v17.067H35.368zM35.368 140.68h57.274v17.067H35.368zM35.368 176.058h57.274v17.067H35.368z"
fill="#d3b4a0"
/>
<linearGradient
id="h"
x1="155.641"
x2="-2.219"
y1="75.637"
y2="41.887"
gradientTransform="matrix(1.0039 0 0 -1.0039 .192 516.56)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fcc344" stop-opacity="0" />
<stop offset="1" stop-color="#d48000" />
</linearGradient>
<path
d="M0 442.084v23.126c0 9.208 7.464 16.672 16.672 16.672h94.656c9.208 0 16.672-7.464 16.672-16.672v-23.126H0z"
fill="url(#h)"
/>
<linearGradient
id="i"
x1="171.239"
x2="302.809"
y1="259.543"
y2="259.543"
gradientTransform="matrix(1.0039 0 0 -1.0039 .192 516.56)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b8de6f" />
<stop offset="1" stop-color="#8aa753" />
</linearGradient>
<path
d="M239.328 481.882h-94.656c-9.208 0-16.672-7.464-16.672-16.672V46.79c0-9.208 7.464-16.672 16.672-16.672h94.656c9.208 0 16.672 7.464 16.672 16.672v418.42c0 9.208-7.464 16.672-16.672 16.672z"
fill="url(#i)"
/>
<linearGradient
id="j"
x1="209.989"
x2="-91.821"
y1="353.829"
y2="353.829"
gradientTransform="matrix(1.0039 0 0 -1.0039 .192 516.56)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b8de6f" />
<stop offset="1" stop-color="#8aa753" />
</linearGradient>
<path
d="M233.971 275.362h-83.942a4.692 4.692 0 0 1-4.692-4.692V52.02a4.692 4.692 0 0 1 4.692-4.692h83.942a4.692 4.692 0 0 1 4.692 4.692v218.649a4.693 4.693 0 0 1-4.692 4.693z"
fill="url(#j)"
/>
<linearGradient
id="k"
x1="191.058"
x2="191.058"
y1="391.333"
y2="126.733"
gradientTransform="matrix(1.0039 0 0 -1.0039 .192 516.56)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff2eb" />
<stop offset="1" stop-color="#f1dacb" />
</linearGradient>
<path
d="M230.095 271.059h-76.191a4.393 4.393 0 0 1-4.392-4.392V56.023a4.393 4.393 0 0 1 4.392-4.392h76.191a4.393 4.393 0 0 1 4.392 4.392v210.644a4.392 4.392 0 0 1-4.392 4.392z"
fill="url(#k)"
/>
<linearGradient
id="l"
x1="285.17"
x2="178.91"
y1="23.654"
y2="129.904"
gradientTransform="matrix(1.0039 0 0 -1.0039 .192 516.56)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b8de6f" stop-opacity="0" />
<stop offset="1" stop-color="#4b7104" />
</linearGradient>
<path
d="M256 465.21v-62.655l-33.137-33.137c-7.719-8.233-18.686-13.383-30.863-13.383-23.366 0-42.308 18.942-42.308 42.308 0 12.176 5.151 23.143 13.383 30.862l52.679 52.678h23.573c9.209-.001 16.673-7.465 16.673-16.673z"
fill="url(#l)"
/>
<linearGradient
id="m"
x1="191.059"
x2="191.059"
y1="141.583"
y2="-132.737"
gradientTransform="matrix(1.0039 0 0 -1.0039 .192 516.56)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e6e6e6" />
<stop offset="1" stop-color="#999" />
</linearGradient>
<circle cx="192" cy="398.346" r="42.305" fill="url(#m)" />
<radialGradient
id="n"
cx="191.059"
cy="117.753"
r="40.982"
gradientTransform="matrix(1.0039 0 0 -1.0039 .192 516.56)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#666" />
<stop offset=".289" stop-color="#686868" stop-opacity=".711" />
<stop offset=".459" stop-color="#717171" stop-opacity=".541" />
<stop offset=".597" stop-color="#7f7f7f" stop-opacity=".403" />
<stop offset=".719" stop-color="#939393" stop-opacity=".281" />
<stop offset=".83" stop-color="#adadad" stop-opacity=".17" />
<stop offset=".932" stop-color="#ccc" stop-opacity=".068" />
<stop offset="1" stop-color="#e6e6e6" stop-opacity="0" />
</radialGradient>
<circle cx="192" cy="398.346" r="42.305" fill="url(#n)" />
<linearGradient
id="o"
x1="201.596"
x2="177.296"
y1="107.22"
y2="131.51"
gradientTransform="matrix(1.0039 0 0 -1.0039 .192 516.56)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff2eb" />
<stop offset="1" stop-color="#f1dacb" />
</linearGradient>
<circle cx="192" cy="398.346" r="30.476" fill="url(#o)" />
<path
d="M163.368 69.913h57.274V86.98h-57.274zM163.368 105.301h57.274v17.067h-57.274zM163.368 140.68h57.274v17.067h-57.274z"
fill="#d3b4a0"
/>
<linearGradient
id="p"
x1="285.138"
x2="-.222"
y1="66.415"
y2="32.665"
gradientTransform="matrix(1.0039 0 0 -1.0039 .192 516.56)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b8de6f" stop-opacity="0" />
<stop offset="1" stop-color="#4b7104" />
</linearGradient>
<path
d="M128 442.084v23.126c0 9.208 7.464 16.672 16.672 16.672h94.656c9.208 0 16.672-7.464 16.672-16.672v-23.126H128z"
fill="url(#p)"
/>
<linearGradient
id="q"
x1="298.739"
x2="430.309"
y1="259.543"
y2="259.543"
gradientTransform="matrix(1.0039 0 0 -1.0039 .192 516.56)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#67dcdc" />
<stop offset="1" stop-color="#019394" />
</linearGradient>
<path
d="M367.328 481.882h-94.656c-9.208 0-16.672-7.464-16.672-16.672V46.79c0-9.208 7.464-16.672 16.672-16.672h94.656c9.208 0 16.672 7.464 16.672 16.672v418.42c0 9.208-7.464 16.672-16.672 16.672z"
fill="url(#q)"
/>
<linearGradient
id="r"
x1="337.489"
x2="35.681"
y1="353.829"
y2="353.829"
gradientTransform="matrix(1.0039 0 0 -1.0039 .192 516.56)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#67dcdc" />
<stop offset="1" stop-color="#019394" />
</linearGradient>
<path
d="M361.971 275.362h-83.942a4.692 4.692 0 0 1-4.692-4.692V52.02a4.692 4.692 0 0 1 4.692-4.692h83.942a4.692 4.692 0 0 1 4.692 4.692v218.649a4.693 4.693 0 0 1-4.692 4.693z"
fill="url(#r)"
/>
<linearGradient
id="s"
x1="318.558"
x2="318.558"
y1="391.333"
y2="126.733"
gradientTransform="matrix(1.0039 0 0 -1.0039 .192 516.56)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff2eb" />
<stop offset="1" stop-color="#f1dacb" />
</linearGradient>
<path
d="M358.095 271.059h-76.191a4.393 4.393 0 0 1-4.392-4.392V56.023a4.393 4.393 0 0 1 4.392-4.392h76.191a4.393 4.393 0 0 1 4.392 4.392v210.644a4.392 4.392 0 0 1-4.392 4.392z"
fill="url(#s)"
/>
<linearGradient
id="t"
x1="412.67"
x2="306.41"
y1="23.654"
y2="129.904"
gradientTransform="matrix(1.0039 0 0 -1.0039 .192 516.56)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#019394" stop-opacity="0" />
<stop offset="1" stop-color="#019394" />
</linearGradient>
<path
d="M384 465.21v-62.655l-33.137-33.137c-7.719-8.233-18.686-13.383-30.863-13.383-23.366 0-42.308 18.942-42.308 42.308 0 12.176 5.151 23.143 13.383 30.862l52.679 52.678h23.573c9.209-.001 16.673-7.465 16.673-16.673z"
fill="url(#t)"
/>
<linearGradient
id="u"
x1="318.559"
x2="318.559"
y1="141.583"
y2="-132.737"
gradientTransform="matrix(1.0039 0 0 -1.0039 .192 516.56)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e6e6e6" />
<stop offset="1" stop-color="#999" />
</linearGradient>
<circle cx="320" cy="398.346" r="42.305" fill="url(#u)" />
<radialGradient
id="v"
cx="318.559"
cy="117.753"
r="40.982"
gradientTransform="matrix(1.0039 0 0 -1.0039 .192 516.56)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#666" />
<stop offset=".289" stop-color="#686868" stop-opacity=".711" />
<stop offset=".459" stop-color="#717171" stop-opacity=".541" />
<stop offset=".597" stop-color="#7f7f7f" stop-opacity=".403" />
<stop offset=".719" stop-color="#939393" stop-opacity=".281" />
<stop offset=".83" stop-color="#adadad" stop-opacity=".17" />
<stop offset=".932" stop-color="#ccc" stop-opacity=".068" />
<stop offset="1" stop-color="#e6e6e6" stop-opacity="0" />
</radialGradient>
<circle cx="320" cy="398.346" r="42.305" fill="url(#v)" />
<linearGradient
id="w"
x1="329.096"
x2="304.796"
y1="107.22"
y2="131.51"
gradientTransform="matrix(1.0039 0 0 -1.0039 .192 516.56)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff2eb" />
<stop offset="1" stop-color="#f1dacb" />
</linearGradient>
<circle cx="320" cy="398.346" r="30.476" fill="url(#w)" />
<path
d="M291.368 69.913h57.274V86.98h-57.274zM291.368 105.301h57.274v17.067h-57.274zM291.368 140.68h57.274v17.067h-57.274zM291.368 176.058h57.274v17.067h-57.274zM291.368 211.697h57.274v17.067h-57.274z"
fill="#d3b4a0"
/>
<linearGradient
id="x"
x1="412.948"
x2=".088"
y1="62.731"
y2="28.981"
gradientTransform="matrix(1.0039 0 0 -1.0039 .192 516.56)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#019394" stop-opacity="0" />
<stop offset="1" stop-color="#019394" />
</linearGradient>
<path
d="M256 442.084v23.126c0 9.208 7.464 16.672 16.672 16.672h94.656c9.208 0 16.672-7.464 16.672-16.672v-23.126H256z"
fill="url(#x)"
/>
<linearGradient
id="y"
x1="426.239"
x2="557.809"
y1="259.543"
y2="259.543"
gradientTransform="matrix(1.0039 0 0 -1.0039 .192 516.56)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fe7695" />
<stop offset="1" stop-color="#fe547b" />
</linearGradient>
<path
d="M495.328 481.882h-94.656c-9.208 0-16.672-7.464-16.672-16.672V46.79c0-9.208 7.464-16.672 16.672-16.672h94.656c9.208 0 16.672 7.464 16.672 16.672v418.42c0 9.208-7.464 16.672-16.672 16.672z"
fill="url(#y)"
/>
<linearGradient
id="z"
x1="464.989"
x2="163.179"
y1="353.829"
y2="353.829"
gradientTransform="matrix(1.0039 0 0 -1.0039 .192 516.56)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fe7695" />
<stop offset="1" stop-color="#fe547b" />
</linearGradient>
<path
d="M489.971 275.362h-83.942a4.692 4.692 0 0 1-4.692-4.692V52.02a4.692 4.692 0 0 1 4.692-4.692h83.942a4.692 4.692 0 0 1 4.692 4.692v218.649a4.693 4.693 0 0 1-4.692 4.693z"
fill="url(#z)"
/>
<linearGradient
id="A"
x1="446.058"
x2="446.058"
y1="391.333"
y2="126.733"
gradientTransform="matrix(1.0039 0 0 -1.0039 .192 516.56)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff2eb" />
<stop offset="1" stop-color="#f1dacb" />
</linearGradient>
<path
d="M486.095 271.059h-76.191a4.393 4.393 0 0 1-4.392-4.392V56.023a4.393 4.393 0 0 1 4.392-4.392h76.191a4.393 4.393 0 0 1 4.392 4.392v210.644a4.392 4.392 0 0 1-4.392 4.392z"
fill="url(#A)"
/>
<linearGradient
id="B"
x1="540.17"
x2="433.91"
y1="23.654"
y2="129.904"
gradientTransform="matrix(1.0039 0 0 -1.0039 .192 516.56)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#bf3f5c" stop-opacity="0" />
<stop offset="1" stop-color="#bf3f5c" />
</linearGradient>
<path
d="M512 465.21v-62.655l-33.137-33.137c-7.719-8.233-18.686-13.383-30.863-13.383-23.366 0-42.308 18.942-42.308 42.308 0 12.176 5.151 23.143 13.383 30.862l52.679 52.678h23.573c9.209-.001 16.673-7.465 16.673-16.673z"
fill="url(#B)"
/>
<linearGradient
id="C"
x1="446.059"
x2="446.059"
y1="141.583"
y2="-132.737"
gradientTransform="matrix(1.0039 0 0 -1.0039 .192 516.56)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e6e6e6" />
<stop offset="1" stop-color="#999" />
</linearGradient>
<circle cx="448" cy="398.346" r="42.305" fill="url(#C)" />
<radialGradient
id="D"
cx="446.059"
cy="117.753"
r="40.982"
gradientTransform="matrix(1.0039 0 0 -1.0039 .192 516.56)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#666" />
<stop offset=".289" stop-color="#686868" stop-opacity=".711" />
<stop offset=".459" stop-color="#717171" stop-opacity=".541" />
<stop offset=".597" stop-color="#7f7f7f" stop-opacity=".403" />
<stop offset=".719" stop-color="#939393" stop-opacity=".281" />
<stop offset=".83" stop-color="#adadad" stop-opacity=".17" />
<stop offset=".932" stop-color="#ccc" stop-opacity=".068" />
<stop offset="1" stop-color="#e6e6e6" stop-opacity="0" />
</radialGradient>
<circle cx="448" cy="398.346" r="42.305" fill="url(#D)" />
<linearGradient
id="E"
x1="456.596"
x2="432.296"
y1="107.22"
y2="131.51"
gradientTransform="matrix(1.0039 0 0 -1.0039 .192 516.56)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff2eb" />
<stop offset="1" stop-color="#f1dacb" />
</linearGradient>
<circle cx="448" cy="398.346" r="30.476" fill="url(#E)" />
<path
d="M419.368 69.913h57.274V86.98h-57.274zM419.368 105.301h57.274v17.067h-57.274z"
fill="#d3b4a0"
/>
<linearGradient
id="F"
x1="540.505"
x2=".145"
y1="60.766"
y2="27.016"
gradientTransform="matrix(1.0039 0 0 -1.0039 .192 516.56)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#bf3f5c" stop-opacity="0" />
<stop offset="1" stop-color="#bf3f5c" />
</linearGradient>
<path
d="M384 442.084v23.126c0 9.208 7.464 16.672 16.672 16.672h94.656c9.208 0 16.672-7.464 16.672-16.672v-23.126H384z"
fill="url(#F)"
/>
</svg>
More icons in the same style and category