Add icons to this collection by clicking the heart icon.
File icon - also known as file, document, format, graphic design, archive, adobe, illustrator, ai, and files and folders. Created in a clean blue style with a white, silver, gray, blue, and navy 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"
>
<g>
<path
fill="#647499"
d="M5 11h37v49a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V14a3 3 0 0 1 3-3z"
/>
<path
fill="#f5f7ff"
d="M48 13v41a3 3 0 0 1-3 3H11a3 3 0 0 1-3-3V8a3 3 0 0 1 3-3h29z"
/>
<path
fill="#ccd3eb"
d="M45 54H11a3 3 0 0 1-3-3v3a3 3 0 0 0 3 3h34a3 3 0 0 0 3-3v-3a3 3 0 0 1-3 3z"
/>
<path fill="#0074ff" d="M48 13h-8V5z" />
<rect width="28" height="26" x="14" y="18" fill="#ccd3eb" rx="3" />
<path
fill="#96a1c3"
d="M42 34v7a3 3 0 0 1-3 3H17a3 3 0 0 1-3-3v-3l5.59-5.59a2 2 0 0 1 2.82 0L26 36l7.59-7.59a2 2 0 0 1 2.82 0z"
/>
<circle cx="26" cy="26" r="3" fill="#f5f7ff" />
<rect width="28" height="18" x="34" y="34" fill="#0074ff" rx="2" />
<path
fill="#033c59"
d="M8 45a1 1 0 0 0-1 1v2a1 1 0 0 0 2 0v-2a1 1 0 0 0-1-1z"
/>
<path
fill="#033c59"
d="M60 33H43V21a4 4 0 0 0-4-4H17a4 4 0 0 0-4 4v20a4 4 0 0 0 4 4h16v5a3 3 0 0 0 3 3h11v1a2 2 0 0 1-2 2H11a2 2 0 0 1-2-2v-2a1 1 0 0 0-2 0v2a4 4 0 0 0 4 4h30v2a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V14a2 2 0 0 1 2-2h2v30a1 1 0 0 0 2 0V8a2 2 0 0 1 2-2h28v7a1 1 0 0 0 1 1h7v16a1 1 0 0 0 2 0V13a1 1 0 0 0-.29-.71l-8-8A1 1 0 0 0 40 4H11a4 4 0 0 0-4 4v2H5a4 4 0 0 0-4 4v46a4 4 0 0 0 4 4h34a4 4 0 0 0 4-4v-2h2a4 4 0 0 0 4-4v-1h11a3 3 0 0 0 3-3V36a3 3 0 0 0-3-3zM41 7.41 45.59 12H41zM17 43a2 2 0 0 1-2-2V21a2 2 0 0 1 2-2h22a2 2 0 0 1 2 2v12h-5a3 3 0 0 0-3 3v7zm44 7a1 1 0 0 1-1 1H36a1 1 0 0 1-1-1V36a1 1 0 0 1 1-1h24a1 1 0 0 1 1 1z"
/>
<path
fill="#f5f7ff"
d="M46.94 38.65a1 1 0 0 0-1.88 0l-3 8a1 1 0 1 0 1.88.7l.5-1.35h3.12l.5 1.35a1 1 0 0 0 1.88-.7zM45.19 44l.81-2.15.81 2.15zM53 43a1 1 0 0 0-1 1v3a1 1 0 0 0 2 0v-3a1 1 0 0 0-1-1zM53 41a1 1 0 1 0-1-1 1 1 0 0 0 1 1z"
/>
<g fill="#96a1c3">
<path
d="M54 29h-2a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2zM52 27h2a1 1 0 0 0 0-2h-2a1 1 0 0 0 0 2zM24 49H14a1 1 0 0 1 0-2h10a1 1 0 0 1 0 2zM18 53h-4a1 1 0 0 1 0-2h4a1 1 0 0 1 0 2z"
/>
</g>
<path
fill="#0074ff"
d="M35 12a1 1 0 1 0 1 1 1 1 0 0 0-1-1zM31 12a1 1 0 1 0 1 1 1 1 0 0 0-1-1zM17 4V3a1 1 0 0 0-2 0v7a1 1 0 0 0 2 0V9a1 1 0 0 1 2 0v1a3 3 0 0 1-6 0V3a3 3 0 0 1 6 0v1z"
/>
</g>
</svg>
More icons in the same style and category