Add icons to this collection by clicking the heart icon.
Document icon - also known as file, document, pencil, ruler, gear, cogwheel, content management, custom, art and design, and creative process. Created in a clean flat style with a white, silver, gray, red, yellow, olive, navy, 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="512"
height="512"
viewBox="0 0 520 520"
>
<path
fill="#6ec030"
d="M85 297.5a5 5 0 0 1-5-5v-210a5 5 0 0 1 5-5h40a5 5 0 0 1 0 10H90v205a5 5 0 0 1-5 5z"
/>
<path fill="#e1ebef" d="M365 32.5H125v280h300v-220l-60-60z" />
<path fill="#ffe2b6" d="m440 457.5-55 30-15-30 15-30z" />
<path fill="#ffd432" d="M385 427.5H140v60h245l-15-30z" />
<path fill="#f4ac03" d="m370 457.5 15 30H140v-30z" />
<path
fill="#ff3e3b"
d="M141 457.5v30h-30c-16.57 0-30-13.43-30-30 0-8.28 3.36-15.78 8.79-21.21A29.871 29.871 0 0 1 111 427.5h30z"
/>
<path
fill="#ffd432"
d="m385 427.5-15 30H140v-30zM465 137.5c11.04 0 20 8.95 20 20s-8.96 20-20 20c-11.05 0-20-8.95-20-20s8.95-20 20-20zM50 302.5c8.28 0 15 6.72 15 15s-6.72 15-15 15c-8.29 0-15-6.72-15-15s6.71-15 15-15z"
/>
<path
fill="#4a78ff"
d="M358.01 269.98c13.471 0 24.471-11 24.471-24.46 0-13.5-11-24.49-24.471-24.49-13.49 0-24.479 10.99-24.479 24.49-.001 13.46 10.989 24.46 24.479 24.46zm.01 20c-24.51 0-44.489-19.98-44.489-44.451 0-24.52 19.979-44.5 44.489-44.5 24.48 0 44.461 19.98 44.461 44.5C402.48 270 382.5 289.98 358.02 289.98z"
/>
<path
fill="#163eb1"
d="M313.53 245.53c0 24.47 19.979 44.451 44.489 44.451 24.48 0 44.461-19.98 44.461-44.451 0-24.52-19.98-44.5-44.461-44.5-24.509 0-44.489 19.98-44.489 44.5zM425 152.63V312.5H265.131l19.139-23.56c-4.01-6.78-7.129-14.16-9.109-21.98l-34.15-3.56v-35.79l34.15-3.57c1.98-7.77 5.1-15.19 9.109-21.97l-21.629-26.64 25.289-25.29 26.631 21.63c6.789-4.01 14.209-7.13 21.98-9.11l3.57-34.15h35.79l3.56 34.15c7.819 1.98 15.199 5.1 21.98 9.11z"
/>
<path fill="#c4d3d6" d="m365 32.5 60 60h-60z" />
<g fill="#4a78ff">
<circle cx="472.5" cy="225" r="7.5" />
<circle cx="462.5" cy="415" r="7.5" />
<circle cx="442.5" cy="55" r="7.5" />
<circle cx="57.5" cy="75" r="7.5" />
<circle cx="57.5" cy="405" r="7.5" />
<circle cx="42.5" cy="235" r="7.5" />
</g>
<path
fill="#f47b00"
d="M97.5 402.5c-9.67 0-17.5-7.83-17.5-17.5v-35c0-9.67 7.83-17.5 17.5-17.5h325c9.66 0 17.5 7.83 17.5 17.5v35c0 9.67-7.84 17.5-17.5 17.5h-325z"
/>
<g fill="#e45e00">
<path
d="M110 367.5a5 5 0 0 0-5 5v30h10v-30a5 5 0 0 0-5-5zM130 377.5a5 5 0 0 0-5 5v20h10v-20a5 5 0 0 0-5-5zM150 367.5a5 5 0 0 0-5 5v30h10v-30a5 5 0 0 0-5-5zM170 377.5a5 5 0 0 0-5 5v20h10v-20a5 5 0 0 0-5-5zM190 367.5a5 5 0 0 0-5 5v30h10v-30a5 5 0 0 0-5-5zM210 377.5a5 5 0 0 0-5 5v20h10v-20a5 5 0 0 0-5-5zM230 367.5a5 5 0 0 0-5 5v30h10v-30a5 5 0 0 0-5-5zM250 377.5a5 5 0 0 0-5 5v20h10v-20a5 5 0 0 0-5-5zM270 367.5a5 5 0 0 0-5 5v30h10v-30a5 5 0 0 0-5-5zM290 377.5a5 5 0 0 0-5 5v20h10v-20a5 5 0 0 0-5-5zM310 367.5a5 5 0 0 0-5 5v30h10v-30a5 5 0 0 0-5-5zM330 377.5a5 5 0 0 0-5 5v20h10v-20a5 5 0 0 0-5-5zM350 367.5a5 5 0 0 0-5 5v30h10v-30a5 5 0 0 0-5-5zM370 377.5a5 5 0 0 0-5 5v20h10v-20a5 5 0 0 0-5-5zM390 367.5a5 5 0 0 0-5 5v30h10v-30a5 5 0 0 0-5-5zM410 377.5a5 5 0 0 0-5 5v20h10v-20a5 5 0 0 0-5-5z"
/>
</g>
<path
fill="#4a78ff"
d="M240 152.5h-85a5 5 0 0 1 0-10h85a5 5 0 0 1 0 10zM240 132.5h-85a5 5 0 0 1 0-10h85a5 5 0 0 1 0 10zM240 112.5h-85a5 5 0 0 1 0-10h85a5 5 0 0 1 0 10zM240 92.5h-85a5 5 0 0 1 0-10h85a5 5 0 0 1 0 10zM240 72.5h-85a5 5 0 0 1 0-10h85a5 5 0 0 1 0 10z"
/>
<path
fill="#6ec030"
d="M85 297.5a5 5 0 0 1-5-5v-210a5 5 0 0 1 5-5h40a5 5 0 0 1 0 10H90v205a5 5 0 0 1-5 5z"
/>
<path fill="#e1ebef" d="M365 32.5H125v280h300v-220l-60-60z" />
<path fill="#ffe2b6" d="m440 457.5-55 30-15-30 15-30z" />
<path fill="#ffd432" d="M385 427.5H140v60h245l-15-30z" />
<path fill="#f4ac03" d="m370 457.5 15 30H140v-30z" />
<path
fill="#ff3e3b"
d="M141 457.5v30h-30c-16.57 0-30-13.43-30-30 0-8.28 3.36-15.78 8.79-21.21A29.871 29.871 0 0 1 111 427.5h30z"
/>
<path
fill="#ffd432"
d="m385 427.5-15 30H140v-30zM465 137.5c11.04 0 20 8.95 20 20s-8.96 20-20 20c-11.05 0-20-8.95-20-20s8.95-20 20-20zM50 302.5c8.28 0 15 6.72 15 15s-6.72 15-15 15c-8.29 0-15-6.72-15-15s6.71-15 15-15z"
/>
<path
fill="#4a78ff"
d="M358.01 269.98c13.471 0 24.471-11 24.471-24.46 0-13.5-11-24.49-24.471-24.49-13.49 0-24.479 10.99-24.479 24.49-.001 13.46 10.989 24.46 24.479 24.46zm.01 20c-24.51 0-44.489-19.98-44.489-44.451 0-24.52 19.979-44.5 44.489-44.5 24.48 0 44.461 19.98 44.461 44.5C402.48 270 382.5 289.98 358.02 289.98z"
/>
<path
fill="#163eb1"
d="M313.53 245.53c0 24.47 19.979 44.451 44.489 44.451 24.48 0 44.461-19.98 44.461-44.451 0-24.52-19.98-44.5-44.461-44.5-24.509 0-44.489 19.98-44.489 44.5zM425 152.63V312.5H265.131l19.139-23.56c-4.01-6.78-7.129-14.16-9.109-21.98l-34.15-3.56v-35.79l34.15-3.57c1.98-7.77 5.1-15.19 9.109-21.97l-21.629-26.64 25.289-25.29 26.631 21.63c6.789-4.01 14.209-7.13 21.98-9.11l3.57-34.15h35.79l3.56 34.15c7.819 1.98 15.199 5.1 21.98 9.11z"
/>
<path fill="#c4d3d6" d="m365 32.5 60 60h-60z" />
<g fill="#4a78ff">
<circle cx="472.5" cy="225" r="7.5" />
<circle cx="462.5" cy="415" r="7.5" />
<circle cx="442.5" cy="55" r="7.5" />
<circle cx="57.5" cy="75" r="7.5" />
<circle cx="57.5" cy="405" r="7.5" />
<circle cx="42.5" cy="235" r="7.5" />
</g>
<path
fill="#f47b00"
d="M97.5 402.5c-9.67 0-17.5-7.83-17.5-17.5v-35c0-9.67 7.83-17.5 17.5-17.5h325c9.66 0 17.5 7.83 17.5 17.5v35c0 9.67-7.84 17.5-17.5 17.5h-325z"
/>
<g fill="#e45e00">
<path
d="M110 367.5a5 5 0 0 0-5 5v30h10v-30a5 5 0 0 0-5-5zM130 377.5a5 5 0 0 0-5 5v20h10v-20a5 5 0 0 0-5-5zM150 367.5a5 5 0 0 0-5 5v30h10v-30a5 5 0 0 0-5-5zM170 377.5a5 5 0 0 0-5 5v20h10v-20a5 5 0 0 0-5-5zM190 367.5a5 5 0 0 0-5 5v30h10v-30a5 5 0 0 0-5-5zM210 377.5a5 5 0 0 0-5 5v20h10v-20a5 5 0 0 0-5-5zM230 367.5a5 5 0 0 0-5 5v30h10v-30a5 5 0 0 0-5-5zM250 377.5a5 5 0 0 0-5 5v20h10v-20a5 5 0 0 0-5-5zM270 367.5a5 5 0 0 0-5 5v30h10v-30a5 5 0 0 0-5-5zM290 377.5a5 5 0 0 0-5 5v20h10v-20a5 5 0 0 0-5-5zM310 367.5a5 5 0 0 0-5 5v30h10v-30a5 5 0 0 0-5-5zM330 377.5a5 5 0 0 0-5 5v20h10v-20a5 5 0 0 0-5-5zM350 367.5a5 5 0 0 0-5 5v30h10v-30a5 5 0 0 0-5-5zM370 377.5a5 5 0 0 0-5 5v20h10v-20a5 5 0 0 0-5-5zM390 367.5a5 5 0 0 0-5 5v30h10v-30a5 5 0 0 0-5-5zM410 377.5a5 5 0 0 0-5 5v20h10v-20a5 5 0 0 0-5-5z"
/>
</g>
<path
fill="#4a78ff"
d="M240 152.5h-85a5 5 0 0 1 0-10h85a5 5 0 0 1 0 10zM240 132.5h-85a5 5 0 0 1 0-10h85a5 5 0 0 1 0 10zM240 112.5h-85a5 5 0 0 1 0-10h85a5 5 0 0 1 0 10zM240 92.5h-85a5 5 0 0 1 0-10h85a5 5 0 0 1 0 10zM240 72.5h-85a5 5 0 0 1 0-10h85a5 5 0 0 1 0 10z"
/>
</svg>
More icons in the same style and category