Add icons to this collection by clicking the heart icon.
Coding icon - also known as computer, interface, screen, web, development, website, code, ui, web programming, web development, web page, developer, programming, electronics, and coding. Created in a clean flat style with a white, silver, gray, lime, green, teal, navy, magenta, and orange 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="512pt"
height="512pt"
viewBox="-11 0 512 512"
>
<path
fill="#fecd0a"
d="M56.21 423.152c30.38 36.692 71.259 64.368 118.024 78.453l141.52.004c46.773-14.086 87.652-41.761 118.035-78.457l52.274-112.203A246.472 246.472 0 0 0 490 267c0-135.309-109.691-245-245-245S0 131.691 0 267c0 15.004 1.355 29.691 3.938 43.95zm0 0"
/>
<path
fill="#86fdfb"
d="M303.922 421.313h-117.95l-2.16 41.59a105.187 105.187 0 0 1-9.578 38.702C196.641 508.355 220.394 512 245 512c24.602 0 48.352-3.64 70.754-10.39a105.192 105.192 0 0 1-9.617-38.669zm0 0"
/>
<path
fill="#86fdfb"
d="M303.922 421.313h-117.95l-2.16 41.59a105.187 105.187 0 0 1-9.578 38.702C196.641 508.355 220.394 512 245 512c24.602 0 48.352-3.64 70.754-10.39a105.192 105.192 0 0 1-9.617-38.669zm0 0"
/>
<path
fill="#11dfef"
d="M203.316 460.703h83.286c8.457 0 15.949 4.297 20.359 10.867-.39-2.86-.672-5.734-.824-8.629l-2.219-41.628H185.973l-2.16 41.59a107.11 107.11 0 0 1-.81 8.6c4.415-6.534 11.888-10.8 20.313-10.8zm0 0"
/>
<path
fill="#2b3894"
d="M467.898 70.488H22.102c-9.993 0-18.165 8.172-18.165 18.16V310.95a243.303 243.303 0 0 0 18.97 59.586L245 369.113l222.094 1.422a243.137 243.137 0 0 0 18.969-59.586V88.65c0-9.989-8.172-18.16-18.165-18.16zm0 0"
/>
<path
fill="#232e7a"
d="M137.242 76.61c0-2.235.63-4.329 1.707-6.126H22.102c-9.993 0-18.165 8.176-18.165 18.164V310.95a243.137 243.137 0 0 0 18.97 59.586l114.335-.73zm0 0"
/>
<path
fill="#e6f7fe"
d="M56.21 423.152h377.58a244.947 244.947 0 0 0 34.53-55.246H21.68a244.947 244.947 0 0 0 34.53 55.246zm0 0"
/>
<g fill="#d5f1fe">
<path
d="M137.242 403.371v-35.465H21.68a245.07 245.07 0 0 0 34.527 55.246h95.484c-8.355-2.691-14.449-10.554-14.449-19.78zM257.43 395.531c0 6.864-5.563 12.43-12.43 12.43s-12.43-5.566-12.43-12.43c0-6.867 5.563-12.433 12.43-12.433s12.43 5.566 12.43 12.433zM459.004 95.348H30.996c-1.191 0-2.195 1.007-2.195 2.195v244.039c0 .785.633 1.418 1.414 1.418h429.57c.781 0 1.414-.637 1.414-1.418V97.543c0-1.188-1.004-2.195-2.195-2.195zm0 0"
/>
</g>
<path
fill="#0ac6e5"
d="M76.543 341.582V97.543c0-1.191 1.004-2.195 2.195-2.195H30.996c-1.191 0-2.195 1.007-2.195 2.195v244.039c0 .785.633 1.418 1.414 1.418H77.96a1.415 1.415 0 0 1-1.418-1.418zm0 0"
/>
<path
fill="#e6f7fe"
d="M373.867 54.379H70.086V343H422.3V98.77c-25.387 0-46.278-19.555-48.434-44.391zm0 0"
/>
<path fill="#d5f1fe" d="M70.086 54.379h67.16V343h-67.16zm0 0" />
<path
fill="#615df9"
d="M373.672 50.137c0-19.043 11.008-35.555 26.988-43.532H78.484a8.398 8.398 0 0 0-8.398 8.399v40.383h303.871a48.592 48.592 0 0 1-.285-5.25zm0 0"
/>
<path
fill="#3342ae"
d="M137.246 18.605c0-6.601 5.399-12 12-12H78.484a8.398 8.398 0 0 0-8.398 8.399v40.383h67.16zm0 0"
/>
<path
fill="#fecd0a"
d="M135.277 40.375a10.056 10.056 0 0 1-8.078-9.848c0-4.757 3.32-8.882 8.078-9.855 6.98-1.406 13.22 4.781 11.817 11.816-1.117 5.473-6.399 8.969-11.817 7.887zm0 0"
/>
<path
fill="#f948b4"
d="M106.602 40.574c-5.454 0-10.047-4.433-10.047-10.047 0-6.46 5.937-11.078 12.004-9.855a10.055 10.055 0 0 1 8.09 9.855c0 5.504-4.52 10.047-10.047 10.047zm0 0"
/>
<path
fill="#39df74"
d="M167.89 40.574c-5.46 0-10.046-4.445-10.046-10.047 0-6.433 5.914-11.082 12.008-9.855 4.902 1 8.085 5.25 8.085 9.855 0 5.559-4.554 10.047-10.046 10.047zm0 0"
/>
<path
fill="#aeaeff"
d="M379.145 38.531h-38.797a7.538 7.538 0 0 1 0-15.074h38.797a7.537 7.537 0 0 1 0 15.074zM302.492 38.531H207.72a7.538 7.538 0 0 1 0-15.074h94.773a7.537 7.537 0 0 1 0 15.074zm0 0"
/>
<path
fill="#8181fc"
d="M275.484 30.992a7.534 7.534 0 0 1 7.536-7.535h-75.301a7.537 7.537 0 0 0 0 15.074h75.3a7.535 7.535 0 0 1-7.535-7.539zm0 0"
/>
<path
fill="#4fbbff"
d="M147.191 107.813h-19.898a7.538 7.538 0 0 1 0-15.075h19.898a7.537 7.537 0 0 1 0 15.075zm0 0"
/>
<path
fill="#11dfef"
d="M147.191 143.137h-19.898a7.537 7.537 0 0 1 0-15.075h19.898a7.538 7.538 0 0 1 0 15.075zm0 0"
/>
<path
fill="#4fbbff"
d="M147.191 178.46h-19.898a7.534 7.534 0 0 1-7.535-7.534 7.534 7.534 0 0 1 7.535-7.535h19.898a7.534 7.534 0 0 1 7.536 7.535 7.534 7.534 0 0 1-7.536 7.535zm0 0"
/>
<path
fill="#fecd0a"
d="M147.191 213.785h-19.898a7.534 7.534 0 0 1-7.535-7.535 7.537 7.537 0 0 1 7.535-7.535h19.898a7.537 7.537 0 0 1 7.536 7.535 7.534 7.534 0 0 1-7.536 7.535zm0 0"
/>
<path
fill="#11dfef"
d="M147.191 249.113h-19.898a7.538 7.538 0 0 1 0-15.074h19.898a7.537 7.537 0 0 1 0 15.074zm0 0"
/>
<path
fill="#fecd0a"
d="M147.191 284.438h-19.898a7.537 7.537 0 0 1 0-15.075h19.898a7.538 7.538 0 0 1 0 15.075zm0 0"
/>
<path
fill="#11dfef"
d="M147.191 319.762h-19.898a7.534 7.534 0 0 1-7.535-7.535 7.534 7.534 0 0 1 7.535-7.536h19.898a7.534 7.534 0 0 1 7.536 7.536 7.534 7.534 0 0 1-7.536 7.535zM238.402 107.813h-51.277a7.538 7.538 0 0 1 0-15.075h51.277a7.538 7.538 0 1 1 0 15.075zm0 0"
/>
<path
fill="#fecd0a"
d="M207.848 143.137h-20.723a7.537 7.537 0 0 1 0-15.075h20.723a7.538 7.538 0 0 1 0 15.075zm0 0"
/>
<path
fill="#11dfef"
d="M240.355 178.46h-53.23a7.534 7.534 0 0 1-7.535-7.534 7.534 7.534 0 0 1 7.535-7.535h53.23a7.534 7.534 0 0 1 7.536 7.535 7.534 7.534 0 0 1-7.536 7.535zm0 0"
/>
<path
fill="#4fbbff"
d="M240.355 213.785H215.66a7.534 7.534 0 0 1-7.535-7.535 7.537 7.537 0 0 1 7.535-7.535h24.695a7.537 7.537 0 0 1 7.536 7.535 7.534 7.534 0 0 1-7.536 7.535zm0 0"
/>
<path
fill="#11dfef"
d="M240.355 249.113h-18.242a7.538 7.538 0 0 1 0-15.074h18.242a7.537 7.537 0 0 1 0 15.074zm0 0"
/>
<path
fill="#4fbbff"
d="M240.355 284.438h-53.23a7.537 7.537 0 0 1 0-15.075h53.23a7.538 7.538 0 0 1 0 15.075zm0 0"
/>
<path
fill="#fecd0a"
d="M240.355 319.762h-53.23a7.534 7.534 0 0 1-7.535-7.535 7.534 7.534 0 0 1 7.535-7.536h53.23a7.534 7.534 0 0 1 7.536 7.536 7.534 7.534 0 0 1-7.536 7.535zM306.762 213.785h-28.04a7.534 7.534 0 0 1-7.534-7.535 7.537 7.537 0 0 1 7.535-7.535h28.039a7.535 7.535 0 1 1 0 15.07zm0 0"
/>
<path
fill="#11dfef"
d="M363.836 249.113h-85.113a7.538 7.538 0 0 1 0-15.074h85.113a7.537 7.537 0 0 1 0 15.074zM339 284.438h-60.277a7.534 7.534 0 0 1-7.535-7.536 7.535 7.535 0 0 1 7.535-7.539H339a7.535 7.535 0 0 1 7.535 7.54 7.534 7.534 0 0 1-7.535 7.535zm0 0"
/>
<path
fill="#00c82f"
d="M472.438 50.137c0 27.691-22.446 50.14-50.137 50.14-27.692 0-50.14-22.449-50.14-50.14C372.16 22.449 394.608 0 422.3 0c27.691 0 50.137 22.45 50.137 50.137zm0 0"
/>
<path
fill="#02ad22"
d="M452.652 90.035c-31.601-.004-35.43-21.504-35.324-32.484.035-3.793-1.312-7.508-3.906-10.278-16.82-17.972-4.54-45.222-4.426-45.472-21.23 5.828-36.832 25.254-36.832 48.336 0 27.691 22.445 50.14 50.137 50.14a49.922 49.922 0 0 0 30.351-10.242zm0 0"
/>
<path
fill="#e6f7fe"
d="m410.758 72.57-14.723-14.715c-3.922-3.925-3.922-10.289 0-14.21 3.926-3.926 10.29-3.926 14.211 0l7.613 7.613 17.649-17.649c3.926-3.925 10.289-3.925 14.21 0 3.923 3.922 3.923 10.286 0 14.207L424.966 72.57c-3.922 3.926-10.285 3.926-14.207 0zm0 0"
/>
</svg>
More icons in the same style and category