Add icons to this collection by clicking the heart icon.
Folder icon - also known as interface, file, document, folder, archive, and files and folders. Created in a clean blue style with a white and 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="436pt"
height="436pt"
viewBox="-5 0 436 436.54"
>
<linearGradient
id="c"
x1="403.61"
x2="348.73"
y1="436.575"
y2="436.575"
gradientTransform="matrix(1 0 0 -1 -14.27 477.67)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#c1e9f4" />
<stop offset="1" stop-color="#97dcff" />
</linearGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#e8f4f9" />
<stop offset="1" stop-color="#d7f2ff" />
</linearGradient>
<linearGradient
id="d"
x1="101.285"
x2="101.285"
y1="334.1"
y2="285.83"
gradientTransform="matrix(1 0 0 -1 -14.27 477.67)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="159.05"
x2="409.31"
y1="318.035"
y2="318.035"
gradientTransform="matrix(1 0 0 -1 -14.27 477.67)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="432"
x2="366.31"
y1="144.035"
y2="144.035"
gradientTransform="matrix(1 0 0 -1 -14.27 477.67)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#80e0f9" />
<stop offset="1" stop-color="#4ac7ff" />
</linearGradient>
<linearGradient
id="g"
x1="198.71"
x2="198.71"
y1="277.89"
y2="49.13"
gradientTransform="matrix(1 0 0 -1 -14.27 477.67)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="h"
x1="171.07"
x2="368.75"
y1="167.945"
y2="167.945"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="i"
x1="171.07"
x2="368.75"
y1="141.89"
y2="141.89"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="j"
x1="171.06"
x2="368.74"
y1="115.835"
y2="115.835"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="k"
x1="171.05"
x2="304.04"
y1="63.735"
y2="63.735"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="l"
x1="171.05"
x2="304.04"
y1="37.68"
y2="37.68"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="m"
x1="171.06"
x2="304.05"
y1="89.79"
y2="89.79"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<path
fill="#054776"
d="m425.719 395.621-.028-160.82.008-.012c0-2.21-1.789-4-4-4h-18.68l-.03-158.27v-.078a3.884 3.884 0 0 0-.079-.71c0-.04-.02-.07-.02-.11a6.022 6.022 0 0 0-.18-.57c-.03-.07-.062-.14-.1-.211-.07-.149-.141-.29-.231-.43-.04-.07-.07-.129-.117-.191a3.55 3.55 0 0 0-.442-.528L333.29 1.18a4.564 4.564 0 0 0-.54-.45c-.059-.039-.121-.07-.18-.109-.14-.09-.289-.172-.441-.242a3.305 3.305 0 0 1-.207-.09 3.852 3.852 0 0 0-.582-.18c-.031-.007-.059-.02-.09-.03a5.587 5.587 0 0 0-.719-.067c-.02 0-.05-.012-.07-.012L140.78.04c-2.21 0-4 1.788-4 4l.02 131.53-103.551.02c-.012 0-.02-.012-.04-.012a4.016 4.016 0 0 0-3.312 1.774 3.94 3.94 0 0 0-.687 2.238v.031l.008 52.219H4.269c-2.21 0-4 1.8-4 4.012L.31 395.71v.05c.02 10.887 4.27 21.13 11.972 28.829 7.707 7.71 17.957 11.95 28.86 11.95h.007l306.872-.052h.039l36.84-.008c22.511 0 40.831-18.32 40.831-40.84 0-.011-.011-.011-.011-.019zM389.339 68.52l-54.87.011-.008-54.87zM326.462 8.012l.008 64.52a4.004 4.004 0 0 0 4 4l64.52-.012.05 234.699-43.008.011-.02-115.449a4 4 0 0 0-4-4l-203.19.04-.04-183.782zM136.809 143.57l.011 48.25-99.601.02-.008-48.25zm211.25 284.918-306.91.051h-.008c-8.762 0-17.012-3.41-23.211-9.61-6.2-6.199-9.621-14.449-9.621-23.218v-.04l-.04-195.831 335.743-.059.027 115.438-.008.011s.008 0 .008.008l.012 80.41c0 .032.008.063.008.09.02 10.871 4.27 21.09 11.96 28.793a42.998 42.998 0 0 0 4.59 3.957zm36.832-.008c-8.77 0-17.012-3.41-23.211-9.609-6.211-6.2-9.621-14.45-9.621-23.223 0-.02-.008-.039-.008-.07l-.012-76.348 47-.011c2.211 0 4-1.79 4-4l-.02-76.43h14.68l.02 156.852c0 .007.011.007.011.02-.011 18.089-14.73 32.82-32.84 32.82zm0 0"
/>
<path fill="url(#c)" d="m389.34 68.52-54.871.011-.008-54.87zm0 0" />
<path
fill="url(#d)"
d="m136.82 191.82-99.601.02-.008-48.25 99.598-.02zm0 0"
/>
<path
fill="#fff"
d="m394.988 76.52-64.52.011a4.004 4.004 0 0 1-4-4l-.007-64.52-181.68.028.04 183.781 203.19-.039a4 4 0 0 1 4 4l.02 115.45 43.008-.012zM175.051 33.69l124.988-.02a4 4 0 0 1 0 8l-124.988.02a4 4 0 0 1 0-8zm129 56.09a4 4 0 0 1-4 4l-124.992.02a4 4 0 0 1 0-8l124.992-.02c2.199 0 4 1.79 4 4zm-129-30.031 124.988-.031a4 4 0 0 1 0 8l-124.988.031c-2.211 0-4-1.79-4-4s1.789-4 4-4zm.008 52.102 189.68-.032c2.21 0 4 1.79 4 4 0 2.211-1.79 4-4 4l-189.68.032c-2.207 0-4-1.793-4-4 0-2.204 1.793-4 4-4zM364.75 171.93l-189.68.03c-2.21 0-4-1.788-4-4 0-2.21 1.79-4 4-4l189.68-.03c2.21 0 4 1.789 4 4 0 2.21-1.79 4-4 4zm0-26.059-189.68.04c-2.21 0-4-1.79-4-4 0-2.212 1.79-4 4-4l189.68-.04a4 4 0 0 1 0 8zm0 0"
/>
<path
fill="url(#e)"
d="m359.54 303.73-.02-115.449c0-2.222-1.79-4-4-4l-203.192.028-.039-176.27h-7.508l.04 183.781 203.19-.039a4 4 0 0 1 4 4l.02 115.45 43.008-.012v-7.5zm0 0"
/>
<path
fill="url(#f)"
d="M417.73 395.66c-.011 18.09-14.73 32.82-32.84 32.82-8.769 0-17.011-3.41-23.21-9.609-6.211-6.2-9.621-14.45-9.621-23.223 0-.02-.008-.039-.008-.07l-.012-76.348 47-.011c2.211 0 4-1.79 4-4l-.02-76.43h14.68l.02 156.852c0 .007.011.007.011.02zm0 0"
/>
<path
fill="url(#g)"
d="M356.02 424.531c-7.692-7.703-11.942-17.922-11.961-28.793 0-.027-.008-.058-.008-.09l-.012-80.41c0-.008-.008-.008-.008-.008l.008-.011-.027-115.438-131.39.02-204.352.039.039 195.832v.039c0 8.77 3.421 17.02 9.62 23.219 6.2 6.199 14.45 9.61 23.212 9.61h.007l37.723-.009 269.188-.043h12.55c-1.609-1.199-3.14-2.52-4.59-3.957zm-88.848-58.441a4.013 4.013 0 0 1-2.832 1.172l-149.66.027-44.59.012c-1.07 0-2.078-.422-2.828-1.172s-1.184-1.77-1.184-2.828l-.02-108.582a4.01 4.01 0 0 1 4-4.008l112.801-.02 81.461-.011c2.211 0 4 1.789 4 4l.02 108.582a4 4 0 0 1-1.168 2.828zm0 0"
/>
<path
fill="#054776"
d="M268.32 254.68c0-2.211-1.789-4-4-4l-194.261.03c-2.207 0-4 1.802-4 4.009l.02 108.582c0 1.058.433 2.078 1.183 2.828s1.758 1.172 2.828 1.172l194.25-.04c1.058 0 2.082-.421 2.832-1.171a4 4 0 0 0 1.168-2.828zM74.078 359.3l-.008-100.59 186.25-.03.02 100.582zm0 0"
/>
<path
fill="#fff"
d="m260.34 359.262-140.98.027-45.282.012-.008-100.59 104.11-.02 82.14-.011zm0 0"
/>
<path
fill="url(#h)"
d="M368.75 167.93c0 2.21-1.79 4-4 4l-189.68.03c-2.21 0-4-1.788-4-4 0-2.21 1.79-4 4-4l189.68-.03c2.21 0 4 1.789 4 4zm0 0"
/>
<path
fill="url(#i)"
d="M368.75 141.871a4 4 0 0 1-4 4l-189.68.04c-2.21 0-4-1.79-4-4 0-2.212 1.79-4 4-4l189.68-.04c2.21 0 4 1.8 4 4zm0 0"
/>
<path
fill="url(#j)"
d="M368.738 115.82c0 2.211-1.789 4-4 4l-189.68.032c-2.206 0-4-1.793-4-4 0-2.204 1.794-4 4-4l189.68-.032c2.211 0 4 1.79 4 4zm0 0"
/>
<path
fill="url(#k)"
d="M304.04 63.719c0 2.21-1.79 4-4 4l-124.99.031c-2.21 0-4-1.79-4-4s1.79-4 4-4l124.99-.031a4 4 0 0 1 4 4zm0 0"
/>
<path
fill="url(#l)"
d="M304.04 37.672a4 4 0 0 1-4 4l-124.99.02a4 4 0 0 1 0-8l124.99-.02c2.21 0 4 1.789 4 4zm0 0"
/>
<path
fill="url(#m)"
d="M304.05 89.781a4 4 0 0 1-4 4l-124.991.02a4 4 0 0 1 0-8l124.992-.02c2.199 0 4 1.79 4 4zm0 0"
/>
</svg>
More icons in the same style and category