Add icons to this collection by clicking the heart icon.
Coding icon - also known as development, code, program, ui, web programming, web development, developer, programming, electronics, and coding. Created in a clean outline color style with a white, gray, black, red, teal, 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 1707 1707"
>
<g fill-rule="evenodd">
<path
fill="#1a1a1a"
d="M1619 1524H88c-49 0-88-39-88-87V270c0-48 39-88 88-88h1531c48 0 88 40 88 88v1167c0 48-40 87-88 87zM88 222c-27 0-48 22-48 48v1167c0 26 21 47 48 47h1531c26 0 48-21 48-47V270c0-26-22-48-48-48z"
/>
<path
fill="#1a1a1a"
d="M1687 464H20c-11 0-20-9-20-20s9-20 20-20h1667c11 0 20 9 20 20s-9 20-20 20zM1687 1352H20c-11 0-20-9-20-20s9-20 20-20h1667c11 0 20 9 20 20s-9 20-20 20zM1110 386c-35 0-63-28-63-63s28-63 63-63 63 28 63 63-28 63-63 63zm0-86c-13 0-23 10-23 23s10 23 23 23 23-10 23-23-10-23-23-23zM1310 386c-35 0-63-28-63-63s28-63 63-63 64 28 64 63-29 63-64 63zm0-86c-13 0-23 10-23 23s10 23 23 23 24-10 24-23-11-23-24-23zM1511 386c-35 0-64-28-64-63s29-63 64-63 63 28 63 63-28 63-63 63zm0-86c-13 0-24 10-24 23s11 23 24 23 23-10 23-23-10-23-23-23zM604 343H153c-11 0-20-9-20-20s9-20 20-20h451c11 0 20 9 20 20s-9 20-20 20zM373 837H253c-22 0-41-18-41-41V581c0-23 19-41 41-41h120c23 0 41 18 41 41v215c0 23-18 41-41 41zM253 580l-1 1v215c0 1 1 1 1 1h120c1 0 1 0 1-1V581s0-1-1-1zM546 837c-12 0-20-9-20-20V560c0-11 8-20 20-20 11 0 20 9 20 20v257c0 11-9 20-20 20zM838 837H718c-23 0-41-18-41-41V581c0-23 18-41 41-41h120c22 0 41 18 41 41v215c0 23-19 41-41 41zM718 580c-1 0-1 1-1 1v215c0 1 0 1 1 1h120s1 0 1-1V581l-1-1zM1010 837c-11 0-20-9-20-20V560c0-11 9-20 20-20s20 9 20 20v257c0 11-9 20-20 20zM1302 837h-120c-22 0-41-18-41-41V581c0-23 19-41 41-41h120c23 0 41 18 41 41v215c0 23-18 41-41 41zm-120-257-1 1v215c0 1 1 1 1 1h120c1 0 1 0 1-1V581s0-1-1-1zM1475 837c-12 0-20-9-20-20V560c0-11 8-20 20-20 11 0 20 9 20 20v257c0 11-9 20-20 20zM373 1236H253c-22 0-41-18-41-41V980c0-23 19-41 41-41h120c23 0 41 18 41 41v215c0 23-18 41-41 41zM253 979l-1 1v215c0 1 1 1 1 1h120c1 0 1 0 1-1V980s0-1-1-1zM546 1236c-12 0-20-9-20-20V959c0-11 8-20 20-20 11 0 20 9 20 20v257c0 11-9 20-20 20zM838 1236H718c-23 0-41-18-41-41V980c0-23 18-41 41-41h120c22 0 41 18 41 41v215c0 23-19 41-41 41zM718 979c-1 0-1 1-1 1v215c0 1 0 1 1 1h120s1 0 1-1V980l-1-1zM1010 1236c-11 0-20-9-20-20V959c0-11 9-20 20-20s20 9 20 20v257c0 11-9 20-20 20zM1302 1236h-120c-22 0-41-18-41-41V980c0-23 19-41 41-41h120c23 0 41 18 41 41v215c0 23-18 41-41 41zm-120-257-1 1v215c0 1 1 1 1 1h120c1 0 1 0 1-1V980s0-1-1-1zM1475 1236c-12 0-20-9-20-20V959c0-11 8-20 20-20 11 0 20 9 20 20v257c0 11-9 20-20 20z"
/>
<path
fill="#3a556a"
d="M40 424h1627V270c0-26-22-48-48-48H88c-27 0-48 22-48 48zm1070-38c-35 0-63-28-63-63s28-63 63-63 63 28 63 63-28 63-63 63zm200 0c-35 0-63-28-63-63s28-63 63-63 64 28 64 63-29 63-64 63zm201 0c-35 0-64-28-64-63s29-63 64-63 63 28 63 63-28 63-63 63zm-887-63c0 11-9 20-20 20H153c-11 0-20-9-20-20s9-20 20-20h451c11 0 20 9 20 20z"
/>
<path
fill="#ea5044"
d="M1487 323c0 13 11 23 24 23s23-10 23-23-10-23-23-23-24 10-24 23z"
/>
<path
fill="#44c4a1"
d="M1334 323c0-13-11-23-24-23s-23 10-23 23 10 23 23 23 24-10 24-23z"
/>
<path
fill="#fcd462"
d="M1133 323c0-13-10-23-23-23s-23 10-23 23 10 23 23 23 23-10 23-23z"
/>
<g fill="#e6e6e6">
<path
d="M526 817V560c0-11 8-20 20-20 11 0 20 9 20 20v257c0 11-9 20-20 20-12 0-20-9-20-20zm151-21V581c0-23 18-41 41-41h120c22 0 41 18 41 41v215c0 23-19 41-41 41H718c-23 0-41-18-41-41zm990-332H40v848h1627zm-657 373c-11 0-20-9-20-20V560c0-11 9-20 20-20s20 9 20 20v257c0 11-9 20-20 20zM677 980c0-23 18-41 41-41h120c22 0 41 18 41 41v215c0 23-19 41-41 41H718c-23 0-41-18-41-41zm313 236V959c0-11 9-20 20-20s20 9 20 20v257c0 11-9 20-20 20s-20-9-20-20zm151-21V980c0-23 19-41 41-41h120c23 0 41 18 41 41v215c0 23-18 41-41 41h-120c-22 0-41-18-41-41zm334 41c-12 0-20-9-20-20V959c0-11 8-20 20-20 11 0 20 9 20 20v257c0 11-9 20-20 20zm-949-20V959c0-11 8-20 20-20 11 0 20 9 20 20v257c0 11-9 20-20 20-12 0-20-9-20-20zM414 980v215c0 23-18 41-41 41H253c-22 0-41-18-41-41V980c0-23 19-41 41-41h120c23 0 41 18 41 41zm768-143c-22 0-41-18-41-41V581c0-23 19-41 41-41h120c23 0 41 18 41 41v215c0 23-18 41-41 41zm293 0c-12 0-20-9-20-20V560c0-11 8-20 20-20 11 0 20 9 20 20v257c0 11-9 20-20 20zm-1102 0H253c-22 0-41-18-41-41V581c0-23 19-41 41-41h120c23 0 41 18 41 41v215c0 23-18 41-41 41z"
/>
<path
d="M374 796V581s0-1-1-1H253l-1 1v215c0 1 1 1 1 1h120c1 0 1 0 1-1zM373 979H253l-1 1v215c0 1 1 1 1 1h120c1 0 1 0 1-1V980s0-1-1-1zM717 980v215c0 1 0 1 1 1h120s1 0 1-1V980l-1-1H718c-1 0-1 1-1 1zM718 797h120s1 0 1-1V581l-1-1H718c-1 0-1 1-1 1v215c0 1 0 1 1 1zM1181 581v215c0 1 1 1 1 1h120c1 0 1 0 1-1V581s0-1-1-1h-120l-1 1zM1302 979h-120l-1 1v215c0 1 1 1 1 1h120c1 0 1 0 1-1V980s0-1-1-1z"
/>
</g>
<path
fill="#3a556a"
d="M1667 1352H40v85c0 26 21 47 48 47h1531c26 0 48-21 48-47z"
/>
</g>
</svg>
More icons in the same style and category