Add icons to this collection by clicking the heart icon.
Coding icon - also known as computer, color, colour, tool, browser, programming, and coding. Created in a clean flat style with a white, silver, gray, red, yellow, navy, 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="512"
height="512"
viewBox="0 0 512 512"
>
<path
fill="#f2f3fb"
d="M37.868 60.084h436.263c20.881 0 37.869 16.988 37.869 37.868v374.446c0 20.881-16.988 37.869-37.869 37.869H37.868C16.988 510.267 0 493.279 0 472.398V97.953c0-20.881 16.988-37.869 37.868-37.869z"
/>
<path
fill="#d9dafb"
d="M474.131 60.084c20.881 0 37.869 16.988 37.869 37.868v374.446c0 20.881-16.988 37.869-37.869 37.869H256V60.084z"
/>
<path
fill="#47578a"
d="M0 97.953c0-20.88 16.988-37.868 37.868-37.868h436.263c20.881 0 37.869 16.988 37.869 37.868v55.794H0z"
/>
<path
fill="#293a71"
d="M474.131 60.084c20.881 0 37.869 16.988 37.869 37.868v55.794H256V60.084z"
/>
<ellipse cx="462.603" cy="106.986" fill="#e94f20" rx="15.998" ry="16.078" />
<ellipse cx="104.002" cy="106.986" fill="#63ae54" rx="15.998" ry="16.078" />
<ellipse cx="49.056" cy="106.986" fill="#e4a330" rx="15.998" ry="16.078" />
<g fill="#2eb3f2">
<path
d="M217.457 249.99h-174c-8.284 0-15-6.716-15-15s6.716-15 15-15h174c8.284 0 15 6.716 15 15s-6.716 15-15 15zM217.457 302.765h-174c-8.284 0-15-6.716-15-15s6.716-15 15-15h174c8.284 0 15 6.716 15 15s-6.716 15-15 15zM217.457 355.541h-174c-8.284 0-15-6.716-15-15s6.716-15 15-15h174c8.284 0 15 6.716 15 15s-6.716 15-15 15zM217.457 408.316h-174c-8.284 0-15-6.716-15-15s6.716-15 15-15h174c8.284 0 15 6.716 15 15s-6.716 15-15 15zM217.457 461.092h-174c-8.284 0-15-6.716-15-15s6.716-15 15-15h174c8.284 0 15 6.716 15 15s-6.716 15-15 15zM315.849 372.704a6.596 6.596 0 0 0-7.092-.009l-.115.074-.015.009a22.48 22.48 0 0 1-22.927.797 22.483 22.483 0 0 1-11.7-19.733V280c0-8.284 6.716-15 15-15h186.367c8.284 0 15 6.716 15 15v73.842a22.483 22.483 0 0 1-11.7 19.733 22.488 22.488 0 0 1-22.942-.807l-.101-.065a6.602 6.602 0 0 0-7.107 0c-11.993 7.688-27.492 7.688-39.485 0a6.6 6.6 0 0 0-7.106 0c-11.993 7.688-27.492 7.688-39.485 0a6.6 6.6 0 0 0-7.106 0c-5.997 3.844-12.87 5.766-19.743 5.766s-13.746-1.922-19.743-5.765z"
/>
</g>
<path
fill="#fff267"
d="M310.904 146.242h10.527c8.697 0 15.772-7.075 15.772-15.771V46.713c0-24.802 20.178-44.98 44.98-44.98s44.98 20.178 44.98 44.98v83.757c0 8.696 7.075 15.771 15.772 15.771h10.527c20.349 0 36.904 16.555 36.904 36.904V213c0 8.284-6.716 15-15 15H289c-8.284 0-15-6.716-15-15v-29.854c0-20.349 16.555-36.904 36.904-36.904z"
/>
<path
fill="#fedc37"
d="M382.184 1.733c24.802 0 44.98 20.178 44.98 44.98v83.757c0 8.696 7.075 15.771 15.772 15.771h10.527c20.349 0 36.904 16.555 36.904 36.904V213c0 8.284-6.716 15-15 15H381.9V1.74c.095-.001.188-.007.284-.007z"
/>
<path
fill="#1b97fb"
d="M475.367 265c8.284 0 15 6.716 15 15v73.842a22.483 22.483 0 0 1-11.7 19.733 22.488 22.488 0 0 1-22.942-.807l-.101-.065a6.602 6.602 0 0 0-7.107 0c-11.993 7.688-27.492 7.688-39.485 0a6.6 6.6 0 0 0-7.106 0c-6.079 3.897-13.059 5.809-20.027 5.756V265z"
/>
<ellipse cx="297.469" cy="407.663" fill="#2eb3f2" rx="15" ry="15.074" />
<ellipse cx="382.184" cy="407.663" fill="#2eb3f2" rx="15" ry="15.074" />
<path
fill="#1b97fb"
d="M382.184 392.588c8.284 0 15 6.749 15 15.074s-6.716 15.074-15 15.074c-.096 0-.189-.013-.284-.014v-30.12c.095-.001.188-.014.284-.014z"
/>
<ellipse cx="297.469" cy="455.089" fill="#2eb3f2" rx="15" ry="15.074" />
<ellipse cx="466.899" cy="455.089" fill="#1b97fb" rx="15" ry="15.074" />
<path
fill="#2eb3f2"
d="M339.826 392.663c-8.284 0-15 6.716-15 15v47.426c0 8.284 6.716 15 15 15s15-6.716 15-15v-47.426c0-8.285-6.716-15-15-15z"
/>
<path
fill="#1b97fb"
d="M424.541 392.663c-8.284 0-15 6.716-15 15v47.426c0 8.284 6.716 15 15 15s15-6.716 15-15v-47.426c0-8.285-6.716-15-15-15z"
/>
<path fill="#f2f3fb" d="M490.367 284.163H274v-72.635h216.367z" />
<path fill="#a4a6cf" d="M381.9 211.528h108.468v72.635H381.9z" />
</svg>
More icons in the same style and category