Add icons to this collection by clicking the heart icon.
File icon - also known as file, document, clock, schedule, calendar, date, complete, time management, task, files and folders, and time and date. Created in a clean lineal color style with a white, silver, gray, black, teal, 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 0v-444.054c0-14.62 11.853-26.473 26.473-26.473H364.5c14.621 0 26.473 11.853 26.473 26.473v353.777l-116.75 116.75H26.473C11.853 26.473 0 14.621 0 0"
transform="translate(15.315 478.027)"
fill="#ebeef2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-109.832c0-11.056 8.963-20.018 20.019-20.018H38.62v-342.02h26.21c14.632 0 26.494 11.862 26.494 26.494v354.053z"
transform="translate(314.972 479.37)"
fill="#d4d9e0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 116.75-116.75H20.003C8.955-116.75 0-107.794 0-96.748Z"
transform="translate(289.538 504.5)"
fill="#fd715c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h151.127"
transform="translate(63.814 437.125)"
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 0h151.127"
transform="translate(63.814 387.75)"
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-227.836c-12.224 0-22.133 9.909-22.133 22.133v210.118c0 12.224 9.909 22.133 22.133 22.133H0c12.224 0 22.133-9.909 22.133-22.133V22.133C22.133 9.909 12.224 0 0 0"
transform="translate(474.552 7.722)"
fill="#ffeabb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30.57v-254.384H0c12.224 0 22.134 9.909 22.134 22.133v210.118C22.134-9.909 12.224 0 0 0"
transform="translate(474.552 262.106)"
fill="#f7d592"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-227.836c-12.224 0-22.133-9.909-22.133-22.133v-25.389H22.134v25.389C22.134-9.909 12.224 0 0 0"
transform="translate(474.552 262.106)"
fill="#5f9eeb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h52.704v25.39c0 12.224-9.91 22.133-22.134 22.133H0z"
transform="translate(443.981 214.583)"
fill="#3b83d1"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-8.021 0-14.524 6.502-14.524 14.524v20.323c0 8.021 6.503 14.524 14.524 14.524 8.021 0 14.524-6.503 14.524-14.524V14.524C14.524 6.502 8.021 0 0 0"
transform="translate(267.493 237.4)"
fill="#656e87"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-8.021 0-14.524 6.502-14.524 14.524v20.323c0 8.021 6.503 14.524 14.524 14.524 8.021 0 14.524-6.503 14.524-14.524V14.524C14.524 6.502 8.021 0 0 0"
transform="translate(329.587 237.4)"
fill="#656e87"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-8.021 0-14.524 6.502-14.524 14.524v20.323c0 8.021 6.503 14.524 14.524 14.524 8.021 0 14.524-6.503 14.524-14.524V14.524C14.524 6.502 8.021 0 0 0"
transform="translate(391.68 237.4)"
fill="#656e87"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-8.021 0-14.524 6.502-14.524 14.524v20.323c0 8.021 6.503 14.524 14.524 14.524 8.021 0 14.523-6.503 14.523-14.524V14.524C14.523 6.502 8.021 0 0 0"
transform="translate(453.774 237.4)"
fill="#656e87"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-15.195c-5.202 0-9.42 4.217-9.42 9.419v15.196a9.42 9.42 0 0 0 9.42 9.42H0a9.42 9.42 0 0 0 9.42-9.42V9.419C9.42 4.217 5.202 0 0 0"
transform="translate(278.435 139.128)"
fill="#656e87"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-15.195a9.42 9.42 0 0 0-9.42 9.419v15.196a9.42 9.42 0 0 0 9.42 9.42H0c5.202 0 9.419-4.218 9.419-9.42V9.419A9.419 9.419 0 0 0 0 0"
transform="translate(338.3 139.128)"
fill="#656e87"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-15.195a9.419 9.419 0 0 0-9.419 9.419v15.196c0 5.202 4.217 9.42 9.419 9.42H0a9.42 9.42 0 0 0 9.42-9.42V9.419A9.42 9.42 0 0 0 0 0"
transform="translate(398.163 139.128)"
fill="#656e87"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-15.195c-5.202 0-9.42 4.217-9.42 9.419v15.196a9.42 9.42 0 0 0 9.42 9.42H0a9.42 9.42 0 0 0 9.42-9.42V9.419C9.42 4.217 5.202 0 0 0"
transform="translate(458.027 139.128)"
fill="#656e87"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-15.195a9.42 9.42 0 0 0-9.42 9.42v15.195a9.42 9.42 0 0 0 9.42 9.42H0a9.42 9.42 0 0 0 9.42-9.42V9.42A9.42 9.42 0 0 0 0 0"
transform="translate(278.435 67.116)"
fill="#656e87"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-15.195a9.42 9.42 0 0 0-9.42 9.42v15.195a9.42 9.42 0 0 0 9.42 9.42H0c5.202 0 9.419-4.218 9.419-9.42V9.42A9.42 9.42 0 0 0 0 0"
transform="translate(338.3 67.116)"
fill="#656e87"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-15.195a9.42 9.42 0 0 0-9.419 9.42v15.195c0 5.202 4.217 9.42 9.419 9.42H0a9.42 9.42 0 0 0 9.42-9.42V9.42A9.42 9.42 0 0 0 0 0"
transform="translate(398.163 67.116)"
fill="#656e87"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-15.195a9.42 9.42 0 0 0-9.42 9.42v15.195a9.42 9.42 0 0 0 9.42 9.42H0a9.42 9.42 0 0 0 9.42-9.42V9.42A9.42 9.42 0 0 0 0 0"
transform="translate(458.027 67.116)"
fill="#656e87"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-96.747c-11.048 0-20.003 8.956-20.003 20.002v96.748"
transform="translate(406.288 387.75)"
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 0h179.771"
transform="translate(316.914 214.584)"
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 0h57.435"
transform="translate(224.583 214.584)"
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 0v74.788l-116.75 116.75H-364.5c-14.621 0-26.473-11.853-26.473-26.474v-444.053c0-14.621 11.852-26.473 26.473-26.473h157.306"
transform="translate(406.288 312.962)"
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-6.254c-12.224 0-22.133-9.909-22.133-22.133v-210.118c0-12.224 9.909-22.133 22.133-22.133h227.837c12.223 0 22.133 9.909 22.133 22.133v210.118C243.716-9.909 233.806 0 221.583 0h-6.254"
transform="translate(252.97 262.106)"
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-33.045"
transform="translate(315.063 262.106)"
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-33.045"
transform="translate(377.156 262.106)"
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-33.045"
transform="translate(439.25 262.106)"
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 0v0c-8.021 0-14.524 6.502-14.524 14.524v20.323c0 8.021 6.503 14.524 14.524 14.524 8.021 0 14.524-6.503 14.524-14.524V14.524C14.524 6.502 8.021 0 0 0Z"
transform="translate(267.493 237.4)"
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 0v0c-8.021 0-14.524 6.502-14.524 14.524v20.323c0 8.021 6.503 14.524 14.524 14.524 8.021 0 14.524-6.503 14.524-14.524V14.524C14.524 6.502 8.021 0 0 0Z"
transform="translate(329.587 237.4)"
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 0v0c-8.021 0-14.524 6.502-14.524 14.524v20.323c0 8.021 6.503 14.524 14.524 14.524 8.021 0 14.524-6.503 14.524-14.524V14.524C14.524 6.502 8.021 0 0 0Z"
transform="translate(391.68 237.4)"
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 0v0c-8.021 0-14.524 6.502-14.524 14.524v20.323c0 8.021 6.503 14.524 14.524 14.524 8.021 0 14.523-6.503 14.523-14.524V14.524C14.523 6.502 8.021 0 0 0Z"
transform="translate(453.774 237.4)"
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-15.195c-5.202 0-9.42 4.217-9.42 9.419v15.196a9.42 9.42 0 0 0 9.42 9.42H0a9.42 9.42 0 0 0 9.42-9.42V9.419C9.42 4.217 5.202 0 0 0Z"
transform="translate(278.435 139.128)"
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-15.195a9.42 9.42 0 0 0-9.42 9.419v15.196a9.42 9.42 0 0 0 9.42 9.42H0c5.202 0 9.419-4.218 9.419-9.42V9.419A9.419 9.419 0 0 0 0 0Z"
transform="translate(338.3 139.128)"
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-15.195a9.419 9.419 0 0 0-9.419 9.419v15.196c0 5.202 4.217 9.42 9.419 9.42H0a9.42 9.42 0 0 0 9.42-9.42V9.419A9.42 9.42 0 0 0 0 0Z"
transform="translate(398.163 139.128)"
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-15.195c-5.202 0-9.42 4.217-9.42 9.419v15.196a9.42 9.42 0 0 0 9.42 9.42H0a9.42 9.42 0 0 0 9.42-9.42V9.419C9.42 4.217 5.202 0 0 0Z"
transform="translate(458.027 139.128)"
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-15.195a9.42 9.42 0 0 0-9.42 9.42v15.195a9.42 9.42 0 0 0 9.42 9.42H0a9.42 9.42 0 0 0 9.42-9.42V9.42A9.42 9.42 0 0 0 0 0Z"
transform="translate(278.435 67.116)"
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-15.195a9.42 9.42 0 0 0-9.42 9.42v15.195a9.42 9.42 0 0 0 9.42 9.42H0c5.202 0 9.419-4.218 9.419-9.42V9.42A9.42 9.42 0 0 0 0 0Z"
transform="translate(338.3 67.116)"
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-15.195a9.42 9.42 0 0 0-9.419 9.42v15.195c0 5.202 4.217 9.42 9.419 9.42H0a9.42 9.42 0 0 0 9.42-9.42V9.42A9.42 9.42 0 0 0 0 0Z"
transform="translate(398.163 67.116)"
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-15.195a9.42 9.42 0 0 0-9.42 9.42v15.195a9.42 9.42 0 0 0 9.42 9.42H0a9.42 9.42 0 0 0 9.42-9.42V9.42A9.42 9.42 0 0 0 0 0Z"
transform="translate(458.027 67.116)"
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