Add icons to this collection by clicking the heart icon.
Document icon - also known as mouse, click, document, online, watch, and files and folders. Created in a clean lineal color style with a white, silver, black, red, yellow, teal, 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 60 60"
>
<g fill="none" fill-rule="nonzero">
<path
fill="#f5f5f5"
d="M35 4v44a3 3 0 0 1-3 3H4a3 3 0 0 1-3-3V9h5a3 3 0 0 0 3-3V1h23a3 3 0 0 1 3 3z"
/>
<path
fill="#cfd8dc"
d="M32 1h-3a3 3 0 0 1 3 3v44a3 3 0 0 1-3 3h3a3 3 0 0 0 3-3V4a3 3 0 0 0-3-3z"
/>
<path
fill="#00bcd4"
d="M59 28v5h-8v-2a2.006 2.006 0 0 0-2-2 2.015 2.015 0 0 0-2 2v2h-8v-5a5 5 0 0 1 5-5h10a5 5 0 0 1 5 5z"
/>
<path
fill="#00838f"
d="M46 29a2.015 2.015 0 0 0-2 2v2h3v-2c0-.48.179-.943.5-1.3A1.986 1.986 0 0 0 46 29zM54 23h-3a5 5 0 0 1 5 5v5h3v-5a5 5 0 0 0-5-5z"
/>
<path
fill="#3f51b5"
d="M59 33v16c0 5.523-4.477 10-10 10s-10-4.477-10-10V33h8v2a2.006 2.006 0 0 0 2 2 2.015 2.015 0 0 0 2-2v-2z"
/>
<path
fill="#283593"
d="M56 33v16a10 10 0 0 1-8.5 9.875A9.928 9.928 0 0 0 59 49V33zM46 37c.53.003 1.04-.21 1.41-.59.033-.032.058-.071.089-.1A1.979 1.979 0 0 1 47 35v-2h-3v2a2.006 2.006 0 0 0 2 2z"
/>
<path
fill="#ffdc00"
d="M51 31v4a2.015 2.015 0 0 1-2 2 2.006 2.006 0 0 1-2-2v-4a2.015 2.015 0 0 1 2-2 2.006 2.006 0 0 1 2 2z"
/>
<path
fill="#02a9f4"
d="M46 23v-2a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v2zM35 7h2a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2h-2z"
/>
<path fill="#cfd8dc" d="M9 1v5a3 3 0 0 1-3 3H1z" />
<path fill="#f44335" d="M5 27h26v20H5z" />
<path fill="#c81e1e" d="M28 27h3v20h-3z" />
<path
fill="#f5f5f5"
d="m21.313 38.219-4.2 2.577A1.4 1.4 0 0 1 15 39.546v-5.092a1.4 1.4 0 0 1 2.1-1.254l4.2 2.515a1.48 1.48 0 0 1 .013 2.504z"
/>
<path
fill="#000"
d="m21.813 34.853-4.2-2.515a2.334 2.334 0 0 0-2.374-.028A2.461 2.461 0 0 0 14 34.454v5.092a2.46 2.46 0 0 0 1.246 2.15c.743.423 1.66.405 2.385-.048l4.2-2.577a2.48 2.48 0 0 0-.023-4.218zm-1.022 2.513-4.205 2.577a.336.336 0 0 1-.362.008.442.442 0 0 1-.224-.405v-5.092a.443.443 0 0 1 .222-.4.337.337 0 0 1 .361.005l4.2 2.513a.482.482 0 0 1 0 .8z"
/>
<path
fill="#000"
d="M54 22h-1v-1a3 3 0 0 0-3-3v-4a5.006 5.006 0 0 0-5-5h-5a3 3 0 0 0-3-3h-1V4a4 4 0 0 0-4-4H9a1 1 0 0 0-.707.293l-8 8A1 1 0 0 0 0 9v39a4 4 0 0 0 4 4h28a4 4 0 0 0 4-4V14h1a3 3 0 0 0 3-3h5a3 3 0 0 1 3 3v4a3 3 0 0 0-3 3v1h-1a6.006 6.006 0 0 0-6 6v21c0 6.075 4.925 11 11 11s11-4.925 11-11V28a6.006 6.006 0 0 0-6-6zM8 3.414V6a2 2 0 0 1-2 2H3.414zM34 48a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V10h4a4 4 0 0 0 4-4V2h22a2 2 0 0 1 2 2zm4-37a1 1 0 0 1-1 1h-1V8h1a1 1 0 0 1 1 1zm20 17v4h-6v-1a3 3 0 0 0-2-2.816V24h4a4 4 0 0 1 4 4zm-10 3a1 1 0 0 1 2 0v4a1 1 0 0 1-2 0zm-1-10a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v1h-4zm-3 3h4v4.184A3 3 0 0 0 46 31v1h-6v-4a4 4 0 0 1 4-4zm5 34a9.01 9.01 0 0 1-9-9V34h6v1a3 3 0 0 0 6 0v-1h6v15a9.01 9.01 0 0 1-9 9z"
/>
<path
fill="#fff"
d="M49 54a5.006 5.006 0 0 1-5-5 1 1 0 0 0-2 0 7.008 7.008 0 0 0 7 7 1 1 0 0 0 0-2z"
/>
<g fill="#000">
<path
d="M9 26H6a2 2 0 0 0-2 2v3a1 1 0 0 0 2 0v-3h3a1 1 0 0 0 0-2zM9 46H6v-3a1 1 0 0 0-2 0v3a2 2 0 0 0 2 2h3a1 1 0 0 0 0-2zM30 26h-3a1 1 0 0 0 0 2h3v3a1 1 0 0 0 2 0v-3a2 2 0 0 0-2-2zM31 42a1 1 0 0 0-1 1v3h-3a1 1 0 0 0 0 2h3a2 2 0 0 0 2-2v-3a1 1 0 0 0-1-1zM25 21H6a1 1 0 0 0 0 2h19a1 1 0 0 0 0-2zM6 19h24a1 1 0 0 0 0-2H6a1 1 0 0 0 0 2zM6 15h24a1 1 0 0 0 0-2H6a1 1 0 0 0 0 2z"
/>
</g>
</g>
</svg>
More icons in the same style and category