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 gradient 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"
>
<linearGradient
id="a"
x1="32"
x2="32"
y1="63.017"
y2="1.442"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<linearGradient id="b" x1="7.5" x2="7.5" y1="63.017" y2="1.442" href="#a" />
<linearGradient
id="c"
x1="11.5"
x2="11.5"
y1="63.017"
y2="1.442"
href="#a"
/>
<linearGradient
id="d"
x1="15.5"
x2="15.5"
y1="63.017"
y2="1.442"
href="#a"
/>
<linearGradient
id="e"
x1="39.5"
x2="39.5"
y1="63.017"
y2="1.442"
href="#a"
/>
<linearGradient id="f" x1="15" x2="15" y1="63.017" y2="1.442" href="#a" />
<linearGradient id="g" x1="21" x2="21" y1="63.017" y2="1.442" href="#a" />
<linearGradient id="h" x1="18" x2="18" y1="63.017" y2="1.442" href="#a" />
<g>
<path
fill="url(#a)"
d="M59 2H5a3.009 3.009 0 0 0-3 3v56a1 1 0 0 0 1 1h56a3.009 3.009 0 0 0 3-3V5a3.009 3.009 0 0 0-3-3zM32 60h-4v-7a1 1 0 0 0-2 0v7H10v-7a1 1 0 0 0-2 0v7H4V49a5 5 0 0 1 5-5h3v5a1 1 0 0 0 .44.83A1.023 1.023 0 0 0 13 50a.937.937 0 0 0 .37-.07L18 48.08l4.63 1.85A.937.937 0 0 0 23 50a1.023 1.023 0 0 0 .56-.17A1 1 0 0 0 24 49v-5h3a5 5 0 0 1 5 5zM9 27V16h8a2.988 2.988 0 0 1 3 3 1 1 0 0 0 2 0 1 1 0 0 1 1-1h1a3.009 3.009 0 0 1 3 3v6h-1v-1a3.009 3.009 0 0 0-3-3H13a3.009 3.009 0 0 0-3 3v1zm1 2v3H9a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1zm18 1v1a1 1 0 0 1-1 1h-1v-3h1a1 1 0 0 1 1 1zm-16-4a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v7a6 6 0 0 1-12 0zm9.5 18h.5v3.52l-2.42-.96zM18 45.33l-2-2.66v-1.93a7.822 7.822 0 0 0 4 0v1.93zm-1.58 1.23-2.42.96V44h.5zm24.03-10.73a.975.975 0 0 0 1.1 0L47.3 32H56v7h-2v-2a1 1 0 0 0-1-1h-6a1 1 0 0 0-1 1v2h-9v-2a1 1 0 0 0-1-1h-3v-4h1.7zM36.8 31l4.2-2.8 4.2 2.8-4.2 2.8zM52 38v4h-4v-4zm-17 0v4h-6v-4zm25 21a1 1 0 0 1-1 1H34V49a6.97 6.97 0 0 0-2.11-5H36a1 1 0 0 0 1-1v-2h3v7h-2a4 4 0 0 0 0 8h6a4 4 0 0 0 0-8h-2v-7h4v2a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-2h3a1 1 0 0 0 1-1v-9a1 1 0 0 0-1-1h-9.7L42 26.46V24h2a4 4 0 0 0 0-8h-6a4 4 0 0 0 0 8h2v2.46L34.7 30H32a1 1 0 0 0-1 1v5h-3a1 1 0 0 0-1 1v5h-5v-2.08A8.028 8.028 0 0 0 25.93 34H27a3.009 3.009 0 0 0 3-3v-1a2.986 2.986 0 0 0-1-2.22V21a5 5 0 0 0-5-5h-1a2.994 2.994 0 0 0-1.67.51 4.712 4.712 0 0 0-.8-1.05A5.005 5.005 0 0 0 17 14H8a1 1 0 0 0-1 1v12.78A2.986 2.986 0 0 0 6 30v1a3.009 3.009 0 0 0 3 3h1.07A8.028 8.028 0 0 0 14 39.92V42H9a6.97 6.97 0 0 0-5 2.11V12h56zm-16-9a2 2 0 0 1 0 4h-6a2 2 0 0 1 0-4zm-6-28a2 2 0 0 1 0-4h6a2 2 0 0 1 0 4zm22-12H4V5a1 1 0 0 1 1-1h54a1 1 0 0 1 1 1z"
/>
<path fill="url(#b)" d="M8 6H7a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2z" />
<path fill="url(#c)" d="M12 6h-1a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2z" />
<path fill="url(#d)" d="M16 6h-1a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2z" />
<path fill="url(#e)" d="M57 6H22a1 1 0 0 0 0 2h35a1 1 0 0 0 0-2z" />
<path
fill="url(#f)"
d="M15 31a1 1 0 0 0 1-1v-1a1 1 0 0 0-2 0v1a1 1 0 0 0 1 1z"
/>
<path
fill="url(#g)"
d="M21 31a1 1 0 0 0 1-1v-1a1 1 0 0 0-2 0v1a1 1 0 0 0 1 1z"
/>
<g fill="url(#h)">
<path
d="M18 50a1 1 0 0 0-1 1v1a1 1 0 0 0 2 0v-1a1 1 0 0 0-1-1zM18 55a1 1 0 0 0-1 1v1a1 1 0 0 0 2 0v-1a1 1 0 0 0-1-1zM14.464 34.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"
/>
</g>
</g>
</svg>
More icons in the same style and category