Add icons to this collection by clicking the heart icon.
Folders icon - also known as interface, file, document, documents, folder, office material, folders, archives, material, and files and folders. Created in a clean lineal color style with a white, silver, black, red, orange, and pink 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="m0 0-27.8-153.53c0-33.13-26.85-59.99-59.98-60h-45.66c-33.14 0-60 26.86-60 60L-217.021 0l23.581 163.17c0 33.14 26.86 60 60 60h45.64c33.14 0 60-26.86 60-60z"
transform="translate(366.62 251.18)"
fill="#83deff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0H-40.66c-33.14 0-60 26.86-60 60l-23.58 153.53 23.58 163.17c0 33.14 26.86 60 60 60h33.471C-39.47 314.89-49.199 126.16 0 0"
transform="translate(273.84 37.65)"
fill="#2ecefb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-45.647c-33.137 0-60 26.863-60 60v316.706c0 33.137 26.863 60 60 60H0c33.137 0 60-26.863 60-60V60C60 26.863 33.137 0 0 0"
transform="translate(113.177 37.647)"
fill="#f7e969"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-38.511c-33.13 0-60 26.86-60 60v316.7c0 33.14 26.87 60 60 60h29.33C-39.94 311.79-48.08 126.36 0 0"
transform="translate(106.04 37.65)"
fill="#f5c956"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-20.792-16.855-37.647-37.647-37.647-20.791 0-37.647 16.855-37.647 37.647 0 20.792 16.856 37.647 37.647 37.647C-16.855 37.647 0 20.792 0 0"
transform="translate(128 120.47)"
fill="#e8ddf5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-150.65c0-8.28-6.721-15-15-15h-45.301c-8.279 0-15 6.72-15 15V0l29.551 8.63 8.1 2.37z"
transform="translate(293.65 368.94)"
fill="#e8ddf5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-7.82c-8.28 0-15 6.72-15 15v150.65l29.55 8.63C-.62 119.01-3.51 58.59 0 0"
transform="translate(241.17 203.29)"
fill="#d6c4ea"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-316.7c0-33.14-26.86-60-60-60h-45.649c-33.131 0-60 26.86-60 60V0c0 33.14 26.869 60 60 60H-60C-26.86 60 0 33.14 0 0"
transform="translate(504.47 414.35)"
fill="#ff899f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-38.51c-33.131 0-60 26.86-60 60v316.7c0 33.14 26.869 60 60 60h29.33C-39.939 311.79-48.08 126.36 0 0"
transform="translate(437.33 37.65)"
fill="#ff5f7f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-20.792-16.855-37.647-37.647-37.647-20.792 0-37.648 16.855-37.648 37.647 0 20.792 16.856 37.647 37.648 37.647S0 20.792 0 0"
transform="translate(293.647 120.47)"
fill="#e8ddf5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-1.08-.09-2.181-.14-3.28-.14-20.79 0-37.651 16.86-37.651 37.65 0 17.12 11.441 31.58 27.08 36.14C-10.671 48.15-6.12 23.4 0 0"
transform="translate(259.28 82.96)"
fill="#d6c4ea"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-20.792-16.855-37.647-37.646-37.647-20.792 0-37.648 16.855-37.648 37.647 0 20.792 16.856 37.647 37.648 37.647C-16.855 37.647 0 20.792 0 0"
transform="translate(459.294 120.47)"
fill="#e8ddf5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-.471-.02-.94-.03-1.42-.03-20.791 0-37.65 16.86-37.65 37.65 0 16.46 10.57 30.46 25.299 35.57C-10.561 47.88-6.03 23.3 0 0"
transform="translate(423.07 82.85)"
fill="#d6c4ea"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-150.65c0-8.28-6.71-15-15-15h-45.29c-8.28 0-15 6.72-15 15V0l26.561 8.12 11.089 3.39z"
transform="translate(459.29 368.94)"
fill="#e8ddf5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-5.859c-8.281 0-15 6.72-15 15v150.65l26.56 8.12C-1.17 118.29-3.67 58.22 0 0"
transform="translate(404.86 203.29)"
fill="#d6c4ea"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-45.24h-75.29V0c0 8.28 6.72 15 15 15H-15C-6.71 15 0 8.28 0 0"
transform="translate(459.29 414.18)"
fill="#ff5f7f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-150.65c0-8.28-6.71-15-15-15h-45.29c-8.28 0-15 6.72-15 15V0l26.56 8.12 11.089 3.39z"
transform="translate(128 368.944)"
fill="#e8ddf5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-5.859c-8.281 0-15 6.72-15 15v150.65L5.7 173.77C-1.17 118.29-3.67 58.22 0 0"
transform="translate(73.57 203.29)"
fill="#d6c4ea"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-45.24h-75.29V0c0 8.28 6.72 15 15 15H-15C-6.71 15 0 8.28 0 0"
transform="translate(128 414.184)"
fill="#f5c956"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-3.529-19.27-6.539-39.46-8.93-60.24h-25.59V-15c0 8.28 6.72 15 15 15z"
transform="translate(418.52 429.18)"
fill="#f6375d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-.47-.02-.939-.03-1.42-.03-20.79 0-37.649 16.86-37.649 37.65 0 16.46 10.569 30.46 25.299 35.57C-10.56 47.88-6.029 23.3 0 0"
transform="translate(91.78 82.85)"
fill="#d6c4ea"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-3.529-19.27-6.54-39.46-8.93-60.24h-25.59V-15c0 8.28 6.72 15 15 15z"
transform="translate(87.23 429.18)"
fill="#f1b70b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-45.24h-75.301V0c0 8.28 6.721 15 15 15H-15C-6.721 15 0 8.28 0 0"
transform="translate(293.65 414.18)"
fill="#2ecefb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-3.75-19.17-6.96-39.37-9.54-60.24h-28.44V-15c0 8.28 6.72 15 15 15z"
transform="translate(256.33 429.18)"
fill="#00bdfd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 33.137 26.862 60 60 60h45.646c33.138 0 60-26.863 60-60"
transform="translate(173.177 414.353)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-33.137-26.862-60-60-60h-45.646c-33.138 0-60 26.863-60 60"
transform="translate(338.823 97.647)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-45.647c-33.137 0-60 26.863-60 60v316.706c0 33.137 26.863 60 60 60H0c33.137 0 60-26.863 60-60V60C60 26.863 33.137 0 0 0Z"
transform="translate(444.47 37.647)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-33.14 26.859-60 60-60h45.649c33.13 0 60 26.86 60 60v316.7c0 33.14-26.87 60-60 60H60c-33.141 0-60-26.86-60-60V35"
transform="translate(7.53 97.65)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-20.792-16.855-37.647-37.647-37.647-20.792 0-37.648 16.855-37.648 37.647 0 20.792 16.856 37.647 37.648 37.647S0 20.792 0 0Z"
transform="translate(293.647 120.47)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-20.792-16.855-37.647-37.646-37.647-20.792 0-37.648 16.855-37.648 37.647 0 20.792 16.856 37.647 37.648 37.647C-16.855 37.647 0 20.792 0 0Z"
transform="translate(459.294 120.47)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-20.792-16.855-37.647-37.647-37.647-20.791 0-37.647 16.855-37.647 37.647 0 20.792 16.856 37.647 37.647 37.647C-16.855 37.647 0 20.792 0 0Z"
transform="translate(128 120.47)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-115.65c0-8.28-6.71-15-15-15h-45.29c-8.28 0-15 6.72-15 15V80.24c0 8.28 6.72 15 15 15H-15c8.29 0 15-6.72 15-15V35"
transform="translate(459.29 333.94)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-45.294c-8.284 0-15 6.716-15 15v195.882c0 8.285 6.716 15 15 15H0c8.284 0 15-6.715 15-15V15C15 6.716 8.284 0 0 0Z"
transform="translate(113 203.294)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h71.294"
transform="translate(54.706 368.941)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-73.294"
transform="translate(459.294 368.941)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-45.295c-8.284 0-15 6.716-15 15v195.882c0 8.285 6.716 15 15 15H0c8.284 0 15-6.715 15-15V15C15 6.716 8.284 0 0 0Z"
transform="translate(278.647 203.294)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h71.295"
transform="translate(220.352 368.941)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category