Add icons to this collection by clicking the heart icon.
Document icon - also known as document, storage, office, files, folder, archive, binder, and files and folders. Created in a clean lineal color style with a silver, gray, black, red, blue, and orange 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="512"
height="512"
viewBox="0 0 64 64"
>
<rect width="16" height="58" x="4" y="3" fill="#2488ff" rx="2" />
<path
fill="#006df0"
d="M18 3v54a2.006 2.006 0 0 1-2 2H4a2.006 2.006 0 0 0 2 2h12a2.006 2.006 0 0 0 2-2V5a2.006 2.006 0 0 0-2-2z"
/>
<circle cx="12" cy="54" r="3" fill="#ff5023" />
<path fill="#91dc5a" d="M8 17h8v30H8z" />
<circle cx="12" cy="10" r="3" fill="#ff5023" />
<rect width="16" height="58" x="24" y="3" fill="#2488ff" rx="2" />
<path
fill="#006df0"
d="M38 3v54a2.006 2.006 0 0 1-2 2H24a2.006 2.006 0 0 0 2 2h12a2.006 2.006 0 0 0 2-2V5a2.006 2.006 0 0 0-2-2z"
/>
<circle cx="32" cy="54" r="3" fill="#ff6243" />
<path fill="#a4e276" d="M28 17h8v30h-8z" />
<circle cx="32" cy="10" r="3" fill="#ff6243" />
<rect width="16" height="58" x="44" y="3" fill="#2488ff" rx="2" />
<path
fill="#006df0"
d="M58 3v54a2.006 2.006 0 0 1-2 2H44a2.006 2.006 0 0 0 2 2h12a2.006 2.006 0 0 0 2-2V5a2.006 2.006 0 0 0-2-2z"
/>
<circle cx="52" cy="54" r="3" fill="#ff7956" />
<path fill="#b6eb92" d="M48 17h8v30h-8z" />
<circle cx="52" cy="10" r="3" fill="#ff7956" />
<g fill="#231f20">
<path
d="M18 62H6a3 3 0 0 1-3-3V5a3 3 0 0 1 3-3h12a3 3 0 0 1 3 3v54a3 3 0 0 1-3 3zM6 4a1 1 0 0 0-1 1v54a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V5a1 1 0 0 0-1-1zM38 62H26a3 3 0 0 1-3-3V5a3 3 0 0 1 3-3h12a3 3 0 0 1 3 3v54a3 3 0 0 1-3 3zM26 4a1 1 0 0 0-1 1v54a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V5a1 1 0 0 0-1-1zM58 62H46a3 3 0 0 1-3-3V5a3 3 0 0 1 3-3h12a3 3 0 0 1 3 3v54a3 3 0 0 1-3 3zM46 4a1 1 0 0 0-1 1v54a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V5a1 1 0 0 0-1-1z"
/>
<path
d="M12 58a4 4 0 1 1 4-4 4 4 0 0 1-4 4zm0-6a2 2 0 1 0 2 2 2 2 0 0 0-2-2zM32 58a4 4 0 1 1 4-4 4 4 0 0 1-4 4zm0-6a2 2 0 1 0 2 2 2 2 0 0 0-2-2zM52 58a4 4 0 1 1 4-4 4 4 0 0 1-4 4zm0-6a2 2 0 1 0 2 2 2 2 0 0 0-2-2zM16 48H8a1 1 0 0 1-1-1V17a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v30a1 1 0 0 1-1 1zm-7-2h6V18H9zM36 48h-8a1 1 0 0 1-1-1V17a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v30a1 1 0 0 1-1 1zm-7-2h6V18h-6zM56 48h-8a1 1 0 0 1-1-1V17a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v30a1 1 0 0 1-1 1zm-7-2h6V18h-6zM52 14a4 4 0 1 1 4-4 4 4 0 0 1-4 4zm0-6a2 2 0 1 0 2 2 2 2 0 0 0-2-2zM32 14a4 4 0 1 1 4-4 4 4 0 0 1-4 4zm0-6a2 2 0 1 0 2 2 2 2 0 0 0-2-2zM12 14a4 4 0 1 1 4-4 4 4 0 0 1-4 4zm0-6a2 2 0 1 0 2 2 2 2 0 0 0-2-2z"
/>
<path
d="M52 39a1 1 0 0 1-1-1V26a1 1 0 0 1 2 0v12a1 1 0 0 1-1 1zM52 23a1 1 0 0 1-1-1v-1a1 1 0 0 1 2 0v1a1 1 0 0 1-1 1zM52 44a1 1 0 0 1-1-1v-1a1 1 0 0 1 2 0v1a1 1 0 0 1-1 1zM32 39a1 1 0 0 1-1-1V26a1 1 0 0 1 2 0v12a1 1 0 0 1-1 1zM32 23a1 1 0 0 1-1-1v-1a1 1 0 0 1 2 0v1a1 1 0 0 1-1 1zM32 44a1 1 0 0 1-1-1v-1a1 1 0 0 1 2 0v1a1 1 0 0 1-1 1zM12 39a1 1 0 0 1-1-1V26a1 1 0 0 1 2 0v12a1 1 0 0 1-1 1zM12 23a1 1 0 0 1-1-1v-1a1 1 0 0 1 2 0v1a1 1 0 0 1-1 1zM12 44a1 1 0 0 1-1-1v-1a1 1 0 0 1 2 0v1a1 1 0 0 1-1 1z"
/>
</g>
</svg>
More icons in the same style and category