Add icons to this collection by clicking the heart icon.
Programmer icon - also known as diagram, web design, structure, developer, programing, programmer, flow chart, and seo and web. Created in a clean flat style, 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 id="programer-diagram-web_design-programing-developer">
<path
d="m59 3h-54a2 2 0 0 0 -2 2v6h58v-6a2 2 0 0 0 -2-2z"
fill="#004fac"
/>
<path
d="m61 11v48a2.006 2.006 0 0 1 -2 2h-54a2.006 2.006 0 0 1 -2-2v-48z"
fill="#d1e7f8"
/>
<path
d="m11 61h48a2.006 2.006 0 0 0 2-2v-48a50.147 50.147 0 0 1 -50 50z"
fill="#c2dff6"
/>
<path
d="m27 43h-4v6l-5-2-5 2v-6h-4a6 6 0 0 0 -6 6v12h30v-12a6 6 0 0 0 -6-6z"
fill="#57a4ff"
/>
<g fill="none">
<path d="m47 20a3 3 0 0 0 -3-3h-6a3 3 0 0 0 0 6h6a3 3 0 0 0 3-3z" />
<path d="m35 52a3 3 0 0 0 3 3h6a3 3 0 0 0 0-6h-6a3 3 0 0 0 -3 3z" />
<path d="m41 27-6 4h-3v6h-4v6h8v-3h5 6v3h6v-3h4v-9h-10z" />
<path d="m35 52a3 3 0 0 0 3 3h6a3 3 0 0 0 0-6h-6a3 3 0 0 0 -3 3z" />
<path d="m47 20a3 3 0 0 0 -3-3h-6a3 3 0 0 0 0 6h6a3 3 0 0 0 3-3z" />
<path d="m41 27-6 4h-3v6h-4v6h8v-3h5 6v3h6v-3h4v-9h-10z" />
</g>
<path d="m18 47-3-4h-2v6z" fill="#ed1c24" />
<path d="m23 43h-2l-3 4 5 2z" fill="#ed1c24" />
<path
d="m47 20a3 3 0 0 0 -3-3h-6a3 3 0 0 0 0 6h6a3 3 0 0 0 3-3z"
fill="#ebbf00"
/>
<path
d="m35 52a3 3 0 0 0 3 3h6a3 3 0 0 0 0-6h-6a3 3 0 0 0 -3 3z"
fill="#ebbf00"
/>
<path
d="m9 34h2v-5h-2a2.006 2.006 0 0 0 -2 2v1a2.006 2.006 0 0 0 2 2z"
fill="#ffac96"
/>
<path
d="m27 34a2.006 2.006 0 0 0 2-2v-1a2.006 2.006 0 0 0 -2-2h-2v5z"
fill="#ffac96"
/>
<path
d="m28 29.279v-7.279a4 4 0 0 0 -4-4h-1a2.006 2.006 0 0 0 -2 2 3.995 3.995 0 0 0 -4-4h-9v13.279a1.975 1.975 0 0 1 1-.279h2v-2a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v2h2a1.975 1.975 0 0 1 1 .279z"
fill="#58595b"
/>
<path
d="m18 40a6.962 6.962 0 0 1 -3-.683v3.683l3 4 3-4v-3.683a6.962 6.962 0 0 1 -3 .683z"
fill="#ffac96"
/>
<path d="m8 6h-1a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2z" fill="#f1f2f2" />
<path d="m12 6h-1a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2z" fill="#f1f2f2" />
<path d="m16 6h-1a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2z" fill="#f1f2f2" />
<path d="m57 6h-35a1 1 0 0 0 0 2h35a1 1 0 0 0 0-2z" fill="#f1f2f2" />
<path
d="m18 50a1 1 0 0 0 -1 1v1a1 1 0 0 0 2 0v-1a1 1 0 0 0 -1-1z"
fill="#2488ff"
/>
<path
d="m18 55a1 1 0 0 0 -1 1v1a1 1 0 0 0 2 0v-1a1 1 0 0 0 -1-1z"
fill="#2488ff"
/>
<path
d="m57 30h-13v2h12v7h-3v2h4a1 1 0 0 0 1-1v-9a1 1 0 0 0 -1-1z"
fill="#ff9811"
/>
<path d="m37 30h-6a1 1 0 0 0 -1 1v7h2v-6h5z" fill="#ff9811" />
<path d="m40 49h2v-8h5v-2h-12v2h5z" fill="#ff9811" />
<path d="m40 23h2v6h-2z" fill="#ff9811" />
<path
d="m27 52a1 1 0 0 1 1 1v8a0 0 0 0 1 0 0h-2a0 0 0 0 1 0 0v-8a1 1 0 0 1 1-1z"
fill="#2488ff"
/>
<path
d="m9 52a1 1 0 0 1 1 1v8a0 0 0 0 1 0 0h-2a0 0 0 0 1 0 0v-8a1 1 0 0 1 1-1z"
fill="#2488ff"
/>
<path d="m47 31-6-4-6 4 6 4z" fill="#ed1c24" />
<path d="m47 37v3 3h6v-3-3z" fill="#5eac24" />
<path d="m27 43h8v-3-3h-4-4z" fill="#5eac24" />
<path
d="m23 25h-10a2 2 0 0 0 -2 2v7a7 7 0 0 0 14 0v-7a2 2 0 0 0 -2-2z"
fill="#ffbcab"
/>
<path
d="m15 32a1 1 0 0 0 1-1v-1a1 1 0 0 0 -2 0v1a1 1 0 0 0 1 1z"
fill="#58595b"
/>
<path
d="m21 32a1 1 0 0 0 1-1v-1a1 1 0 0 0 -2 0v1a1 1 0 0 0 1 1z"
fill="#58595b"
/>
<path
d="m14.464 36.878a5 5 0 0 0 7.072 0l.171-.171a1 1 0 0 0 -1.414-1.414l-.171.171a3 3 0 0 1 -4.244 0l-.171-.171a1 1 0 0 0 -1.414 1.414z"
fill="#58595b"
/>
</g>
</svg>
More icons in the same style and category