Add icons to this collection by clicking the heart icon.
Coding icon - also known as computer, development, support, code, robot, developer, programming, electronics, coding, robots, programmer, and bot. Created in a clean lineal 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="8.819"
x2="70.123"
y1="72.681"
y2="11.377"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#003f8a" />
<stop offset=".518" stop-color="#00d7df" />
<stop offset="1" stop-color="#006df0" />
</linearGradient>
<linearGradient
id="b"
x1="29.319"
x2="90.623"
y1="93.181"
y2="31.877"
href="#a"
/>
<linearGradient
id="c"
x1="-6.888"
x2="54.416"
y1="56.974"
y2="-4.329"
href="#a"
/>
<linearGradient
id="d"
x1="-11.681"
x2="49.623"
y1="52.181"
y2="-9.123"
href="#a"
/>
<linearGradient
id="e"
x1="-9.681"
x2="51.623"
y1="54.181"
y2="-7.123"
href="#a"
/>
<linearGradient
id="f"
x1="-6.931"
x2="54.373"
y1="56.931"
y2="-4.373"
href="#a"
/>
<linearGradient
id="g"
x1="-11.931"
x2="49.373"
y1="51.931"
y2="-9.373"
href="#a"
/>
<linearGradient
id="h"
x1="-4.431"
x2="56.873"
y1="59.431"
y2="-1.873"
href="#a"
/>
<linearGradient
id="i"
x1="-3.931"
x2="57.373"
y1="59.931"
y2="-1.373"
href="#a"
/>
<linearGradient
id="j"
x1=".319"
x2="61.623"
y1="64.181"
y2="2.877"
href="#a"
/>
<linearGradient
id="k"
x1="-9.181"
x2="52.123"
y1="54.681"
y2="-6.623"
href="#a"
/>
<g>
<path
fill="url(#a)"
d="M60 45a1 1 0 0 0-1-1h-4a.977.977 0 0 0-.5.153A.977.977 0 0 0 54 44h-3v-1c2.654 0 4-1.01 4-3v-4a4 4 0 0 0-4-4v-2a1 1 0 0 0-2 0v2a4 4 0 0 0-4 4v4c0 1.99 1.346 3 4 3v1h-3a.977.977 0 0 0-.5.153A.977.977 0 0 0 45 44h-4a1 1 0 0 0-1 1v3a1 1 0 0 0 1 1h1v5a1 1 0 0 0 2 0v-5h1v4a1 1 0 0 0 1 1v3h-2a1 1 0 0 0-1 1v2H21v-2a1 1 0 0 0-1-1h-2v-3a1 1 0 0 0 1-1v-4h1v5a1 1 0 0 0 2 0v-5h1a1 1 0 0 0 1-1v-3a1 1 0 0 0-1-1h-4a.977.977 0 0 0-.5.153A.977.977 0 0 0 18 44h-3v-1c2.654 0 4-1.01 4-3v-4a4 4 0 0 0-4-4v-2a1 1 0 0 0-2 0v2a4 4 0 0 0-4 4v4c0 1.99 1.346 3 4 3v1h-3a.977.977 0 0 0-.5.153A.977.977 0 0 0 9 44H5a1 1 0 0 0-1 1v3a1 1 0 0 0 1 1h1v5a1 1 0 0 0 2 0v-5h1v4a1 1 0 0 0 1 1v3H8a1 1 0 0 0-1 1v2H2a1 1 0 0 0 0 2h56a1 1 0 0 0 0-2h-1v-2a1 1 0 0 0-1-1h-2v-3a1 1 0 0 0 1-1v-4h1v5a1 1 0 0 0 2 0v-5h1a1 1 0 0 0 1-1zm-13-5v-2h1a1 1 0 0 0 0-2h-1a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2h-1a1 1 0 0 0 0 2h1v2c0 .469 0 1-2 1h-2c-2 0-2-.531-2-1zm-3 7h-2v-1h2zm-24-1h2v1h-2zm-9-6v-2h1a1 1 0 0 0 0-2h-1a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2h-1a1 1 0 0 0 0 2h1v2c0 .469 0 1-2 1h-2c-2 0-2-.531-2-1zm-3 7H6v-1h2zm39-1h6v6h-6zm-36 0h6v6h-6zm1 8h4v3a1 1 0 0 0-1 1v2h-2v-2a1 1 0 0 0-1-1zm-3 6v-1h2v1zm8 0v-1h2v1zm28 0v-1h2v1zm10-1v1h-2v-1zm-3-2a1 1 0 0 0-1 1v2h-2v-2a1 1 0 0 0-1-1v-3h4zm6-10h-2v-1h2z"
/>
<path fill="url(#b)" d="M62 60h-1a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2z" />
<path
fill="url(#c)"
d="M14 24a1 1 0 0 0 1-1v-2h2v9a3 3 0 0 0 3 3h24a3 3 0 0 0 3-3v-9h2v6a1 1 0 0 0 2 0v-7a1 1 0 0 0-1-1h-3V6a3 3 0 0 0-3-3H20a3 3 0 0 0-3 3v13h-3a1 1 0 0 0-1 1v3a1 1 0 0 0 1 1zm5-18a1 1 0 0 1 1-1h24a1 1 0 0 1 1 1v24a1 1 0 0 1-1 1H20a1 1 0 0 1-1-1z"
/>
<path
fill="url(#d)"
d="M14 28a1 1 0 0 0 1-1v-1a1 1 0 0 0-2 0v1a1 1 0 0 0 1 1z"
/>
<path
fill="url(#e)"
d="M29.648 17.937A1.038 1.038 0 0 0 30 18a1 1 0 0 0 .937-.648l3-8a1 1 0 0 0-1.874-.7l-3 8a1 1 0 0 0 .585 1.285z"
/>
<path
fill="url(#f)"
d="M36.4 17.8a1 1 0 0 0 1.4-.2l3-4a1 1 0 0 0 0-1.2l-3-4a1 1 0 0 0-1.6 1.2l2.55 3.4-2.55 3.4a1 1 0 0 0 .2 1.4z"
/>
<path
fill="url(#g)"
d="M26.2 17.6a1 1 0 1 0 1.6-1.2L25.25 13l2.55-3.4a1 1 0 1 0-1.6-1.2l-3 4a1 1 0 0 0 0 1.2z"
/>
<path
fill="url(#h)"
d="M27 21a1 1 0 0 0 1 1h12a1 1 0 0 0 0-2H28a1 1 0 0 0-1 1z"
/>
<path
fill="url(#i)"
d="M24 25h16a1 1 0 0 0 0-2H24a1 1 0 0 0 0 2zM24 28h10a1 1 0 0 0 0-2H24a1 1 0 0 0 0 2z"
/>
<path fill="url(#j)" d="M38 26h-1a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2z" />
<path fill="url(#k)" d="M24 22h1a1 1 0 0 0 0-2h-1a1 1 0 0 0 0 2z" />
</g>
</svg>
More icons in the same style and category