Add icons to this collection by clicking the heart icon.
Files icon - also known as computer, interface, file, document, laptop, files, folder, save, and files and folders. Created in a clean lineal color style with a white, silver, gray, black, 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 0h176.718"
transform="translate(167.64 14.217)"
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-446.509c-14.009 0-25.366 11.357-25.366 25.366v39.11H25.366v-39.11C25.366 11.357 14.009 0 0 0"
transform="translate(479.253 92.126)"
fill="#d9e7ec"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v257.91c0 14.01 11.357 25.366 25.366 25.366h446.509c14.009 0 25.366-11.356 25.366-25.366V0Z"
transform="translate(7.378 156.602)"
fill="#596c76"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v257.91c0 14.01 11.357 25.366 25.366 25.366h446.509c14.009 0 25.366-11.356 25.366-25.366V0Z"
transform="translate(7.378 156.602)"
fill="#596c76"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-257.918h-20.033V0c0 14.003-11.359 25.362-25.372 25.362h20.033C-11.359 25.362 0 14.003 0 0"
transform="translate(504.622 414.517)"
fill="#465a61"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v257.91c0 14.01 11.357 25.366 25.366 25.366h446.509c14.009 0 25.366-11.356 25.366-25.366V0Z"
transform="translate(7.378 156.602)"
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-39.105c0-14.013-11.359-25.373-25.372-25.373h-20.033c14.003 0 25.362 11.36 25.362 25.373V0z"
transform="translate(504.62 156.603)"
fill="#c5d3dd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-61.476c-14.009 0-25.366 11.357-25.366 25.366v39.11h497.241v-39.11C410.399 11.357 399.042 0 385.033 0H33.945"
transform="translate(94.22 92.126)"
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-96.999s-.907-57.065-8.168-77.909H8.169C.908-57.065 0 0 0 0"
transform="translate(304.498 92.126)"
fill="#c5d3dd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-98.423c.581 11.59.711 20.033.711 20.033H-.711S-.581 11.59 0 0"
transform="translate(305.21 72.088)"
fill="#c8effe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-98.423c.581 11.59.711 20.033.711 20.033H-.711S-.581 11.59 0 0"
transform="translate(305.21 72.088)"
fill="#b6c4cf"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-96.999s-.907-57.065-8.168-77.909H8.169C.908-57.065 0 0 0 0Z"
transform="translate(304.498 92.126)"
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 0h34.199"
transform="translate(238.9 124.364)"
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-434.6v237.727c0 6.126 4.966 11.092 11.093 11.092h412.415c6.126 0 11.092-4.966 11.092-11.092Z"
transform="translate(473.299 156.599)"
fill="#c8effe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-237.722h-20.033V0c0 6.13-4.968 11.099-11.089 11.099h20.034C-4.968 11.099 0 6.13 0 0"
transform="translate(473.3 394.32)"
fill="#99e6fc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-434.6v237.728c0 6.126 4.966 11.091 11.093 11.091h412.415c6.126 0 11.092-4.965 11.092-11.091Z"
transform="translate(473.299 156.602)"
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-34.48h-434.602V0c0 6.12 4.969 11.088 11.089 11.088h412.425C-4.968 11.088 0 6.12 0 0"
transform="translate(473.3 394.334)"
fill="#d9e7ec"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-34.467h-20.033V0c0 6.12-4.968 11.099-11.089 11.099h20.034c.57 0 1.131-.04 1.682-.13C-4.015 10.24 0 5.436 0 0"
transform="translate(473.3 394.325)"
fill="#c5d3dd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-34.48h-434.602V0c0 6.12 4.969 11.089 11.089 11.089h412.425C-4.968 11.089 0 6.12 0 0Z"
transform="translate(473.3 393.815)"
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 0-14.299 27.705a11.82 11.82 0 0 1-10.503 6.399h-41.695c-6.527 0-11.818-5.292-11.818-11.819v-240.398h307.404v199.896c0 6.528-5.291 11.82-11.818 11.82H10.502A11.82 11.82 0 0 0 0 0"
transform="translate(165.354 463.68)"
fill="#fece85"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-199.902h-20.034V0c0 6.53-5.288 11.819-11.819 11.819h20.033C-5.289 11.819 0 6.53 0 0"
transform="translate(394.44 445.465)"
fill="#fec165"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-14.299 27.705a11.82 11.82 0 0 1-10.503 6.399h-41.695c-6.527 0-11.818-5.292-11.818-11.819v-240.398h307.404v199.896c0 6.528-5.291 11.82-11.818 11.82H10.502A11.82 11.82 0 0 0 0 0Z"
transform="translate(165.354 463.68)"
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 0h314.286c6.527 0 11.818 5.291 11.818 11.818V192.63a7.794 7.794 0 0 1-7.794 7.795H38.909a7.795 7.795 0 0 1-7.795-7.795V81.805c0-18.885-15.309-34.195-34.194-34.195h-8.738V11.818C-11.818 5.291-6.527 0 0 0"
transform="translate(98.857 213.081)"
fill="#fdb541"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-180.81c0-6.531-5.289-11.819-11.82-11.819h-20.033c6.531 0 11.82 5.288 11.82 11.819V0a7.788 7.788 0 0 1-7.793 7.793h20.033A7.788 7.788 0 0 0 0 0"
transform="translate(424.96 405.708)"
fill="#fea713"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v92.418a7.795 7.795 0 0 1-7.795 7.795h-279.401a7.795 7.795 0 0 1-7.795-7.795V-18.407c0-18.885-15.309-34.195-34.193-34.195h-8.739v-35.792c0-6.527 5.291-11.818 11.819-11.818h314.286C-5.291-100.212 0-94.921 0-88.394v53.638"
transform="translate(424.961 313.293)"
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