Add icons to this collection by clicking the heart icon.
Directory icon - also known as web, networking, share, files, folder, ui, directory, seo and web, and files and folders. Created in a clean 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="512"
height="512"
viewBox="0 0 512 512"
>
<linearGradient id="a">
<stop offset="0" stop-color="#78b8ea" />
<stop offset=".186" stop-color="#68aae4" />
<stop offset=".552" stop-color="#3d85d4" />
<stop offset="1" stop-color="#0051be" />
</linearGradient>
<linearGradient
id="b"
x1="-33.383"
x2="534.958"
y1="256"
y2="256"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="-33.383"
x2="534.958"
y1="456"
y2="456"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="-33.383"
x2="534.958"
y1="128"
y2="128"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="-33.383"
x2="534.958"
y1="232"
y2="232"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="-33.383"
x2="534.958"
y1="264"
y2="264"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="-33.383"
x2="534.958"
y1="200"
y2="200"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M464 400.581V352a8 8 0 0 0-8-8H264v-40h136a8 8 0 0 0 8-8V72a8 8 0 0 0-8-8h-83.719l-29.625-44.438A8 8 0 0 0 280 16h-51.056l-5.789-11.578A8 8 0 0 0 216 0H112a8 8 0 0 0-8 8v288a8 8 0 0 0 8 8h136v40H56a8 8 0 0 0-8 8v48.581C20.899 404.475 0 427.838 0 456c0 30.878 25.122 56 56 56 28.162 0 51.525-20.899 55.419-48h89.161c3.895 27.101 27.258 48 55.419 48 28.162 0 51.525-20.899 55.419-48h89.161c3.895 27.101 27.257 48 55.419 48 30.879 0 56-25.122 56-56 .002-28.162-20.896-51.525-47.998-55.419zM275.719 32l21.333 32h-44.107l-16-32zM120 16h91.056l24 48H120zm0 64h272v208H120zm328 320.581c-24.487 3.519-43.9 22.933-47.419 47.419H311.42c-3.519-24.487-22.932-43.9-47.419-47.419V360h184v40.581zM248 360v40.581c-24.487 3.519-43.9 22.933-47.419 47.419H111.42c-3.52-24.487-22.933-43.9-47.42-47.419V360zM56 496c-22.056 0-40-17.944-40-40s17.944-40 40-40 40 17.944 40 40-17.944 40-40 40zm200 0c-22.056 0-40-17.944-40-40s17.944-40 40-40 40 17.944 40 40-17.944 40-40 40zm200 0c-22.056 0-40-17.944-40-40s17.944-40 40-40 40 17.944 40 40-17.944 40-40 40z"
/>
<g fill="url(#c)">
<path
d="M72 448H40a8 8 0 0 0 0 16h32a8 8 0 0 0 0-16zM272 448h-8v-8a8 8 0 0 0-16 0v8h-8a8 8 0 0 0 0 16h8v8a8 8 0 0 0 16 0v-8h8a8 8 0 0 0 0-16zM472 448h-32a8 8 0 0 0 0 16h32a8 8 0 0 0 0-16z"
/>
</g>
<path
fill="url(#d)"
d="M144 160h224a8 8 0 0 0 8-8v-48a8 8 0 0 0-8-8H144a8 8 0 0 0-8 8v48a8 8 0 0 0 8 8zm8-48h208v32H152z"
/>
<path fill="url(#e)" d="M368 224H264a8 8 0 0 0 0 16h104a8 8 0 0 0 0-16z" />
<path fill="url(#f)" d="M368 256H264a8 8 0 0 0 0 16h104a8 8 0 0 0 0-16z" />
<path
fill="url(#g)"
d="M200 176h-56a8 8 0 0 0-8 8v32a8 8 0 0 0 8 8h56a8 8 0 0 0 8-8v-32a8 8 0 0 0-8-8zm-8 32h-40v-16h40z"
/>
</svg>
More icons in the same style and category