Add icons to this collection by clicking the heart icon.
Coding icon - also known as computer, interface, screen, data, monitor, web design, application, development, website, multimedia, browser, ui, web page, programming, coding, seo and web, and edit tools. Created in a clean lineal color style with a white, silver, gray, black, and teal 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<path
d="M305.034 63.224h-98.068v54.229h98.068z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#2c6a9b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M305.03 100.573h-98.061v16.88h98.061z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#1a5a84"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M305.03 63.223h-98.061v54.23h98.061z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0h-190.674a9.042 9.042 0 1 0 0 18.083H0A9.042 9.042 0 1 0 0 0"
transform="translate(351.337 49.859)"
fill="#dceeef"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-190.674a9.042 9.042 0 1 0 0 18.083H0A9.042 9.042 0 1 0 0 0Z"
transform="translate(351.337 49.859)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-322.07c0-5.64-4.57-10.2-10.21-10.2h-476.58c-5.64 0-10.21 4.56-10.21 10.2V0c0 8.45 6.86 15.3 15.311 15.3h466.378C-6.85 15.3 0 8.45 0 0"
transform="translate(504.5 446.84)"
fill="#dceeef"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-322.068a10.199 10.199 0 0 0-10.205-10.205h-22.204a10.198 10.198 0 0 1 10.204 10.205V0c0 8.444-6.854 15.297-15.307 15.297h22.204C-6.854 15.297 0 8.444 0 0"
transform="translate(504.5 446.841)"
fill="#bcdde2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M504.5 256H281.55v130.61H504.5Z"
fill="#3bc3ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M504.5 256h-22.205v130.61H504.5Z"
fill="#009af2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a10 10 0 0 0 1.432-8.95l-13.771-42.731-2.5-7.73H-130.05l8.466 22.412c.256.677.584 1.323.979 1.929l4.537 6.956a10.001 10.001 0 0 1-2.71 13.702l-26.534 18.25c-1.338.92-2.88 1.5-4.493 1.691l-14.965 1.77v63.9H-6.579l-11.198-21.171a10.003 10.003 0 0 0-8.155-5.301l-48.347-3.323a10.003 10.003 0 0 1-5.576-2.179l-17.623-14.153a10 10 0 0 1-2.891-11.825l4.503-10.23a9.999 9.999 0 0 1 10.815-5.833l71.475 12.055c3.741.631 7.517-.91 9.75-3.978z"
transform="translate(446.32 315.411)"
fill="#8dffa2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h218.95"
transform="translate(283.55 386.607)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-347.57h-263.84c-5.639 0-10.21 4.56-10.21 10.2V-15.3c0 8.45 6.861 15.3 15.311 15.3z"
transform="translate(281.55 462.14)"
fill="#4c94c3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-255.495"
transform="translate(281.55 421.001)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-21.84h-497V0c0 8.45 6.86 15.3 15.31 15.3h466.38C-6.85 15.3 0 8.45 0 0"
transform="translate(504.5 446.84)"
fill="#8bc1c6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-493"
transform="translate(502.5 425.001)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-38.732a10.2 10.2 0 0 0-10.205-10.206h-476.59A10.2 10.2 0 0 0-497-38.732V0Z"
transform="translate(504.5 163.506)"
fill="#3b7ca8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-38.732a10.2 10.2 0 0 0-10.205-10.206h-22.204c5.636 0 10.204 4.56 10.204 10.206V0Z"
transform="translate(504.5 163.506)"
fill="#2c6a9b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h218.95"
transform="translate(283.55 256)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c93.467.495 187.467.495 280.964 0"
transform="translate(223.533 163.505)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c58.497.495 116.497.495 174.942 0"
transform="translate(7.503 163.505)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h.458"
transform="translate(55.105 380.334)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h28"
transform="translate(79 380.334)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h.458"
transform="translate(55.105 355.598)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h62.667"
transform="translate(79 355.598)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h.458"
transform="translate(55.105 330.863)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h45.333"
transform="translate(79 330.863)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h.458"
transform="translate(55.105 306.127)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h72.667"
transform="translate(121 306.127)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h21.333"
transform="translate(79 306.127)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h.458"
transform="translate(55.105 281.393)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h62.667"
transform="translate(79 281.393)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h.458"
transform="translate(55.105 256.657)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h62.667"
transform="translate(79 256.657)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h.458"
transform="translate(55.105 231.922)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h24.233"
transform="translate(175 231.922)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h74"
transform="translate(79 231.922)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h.458"
transform="translate(55.105 207.186)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h62.667"
transform="translate(79 207.186)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h.458"
transform="translate(165.105 207.186)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h.459"
transform="translate(130.333 380.334)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h.458"
transform="translate(144.296 330.863)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h.459"
transform="translate(185.15 207.186)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h.458"
transform="translate(224.51 231.922)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h.458"
transform="translate(164.875 256.297)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h.458"
transform="translate(164.875 281.393)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h.459"
transform="translate(185.15 256.297)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h.459"
transform="translate(205.426 256.297)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h.458"
transform="translate(225.702 256.297)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h140.955"
transform="translate(336.74 231.922)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h7.212"
transform="translate(308.356 231.922)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-140.955"
transform="translate(449.31 191.653)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-7.212"
transform="translate(477.694 191.653)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h169.339"
transform="translate(308.356 211.788)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-11.198-21.17a10.003 10.003 0 0 0-8.155-5.302L-67.7-29.795a9.996 9.996 0 0 1-5.576-2.179l-17.622-14.152a10 10 0 0 1-2.892-11.826l4.503-10.23a10 10 0 0 1 10.815-5.833L-6.997-61.96c3.741.631 7.518-.91 9.75-3.978l3.826-5.261a9.999 9.999 0 0 0 1.432-8.949L-5.76-122.88"
transform="translate(439.74 386.61)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 8.466 22.412c.256.677.584 1.323.978 1.929l4.537 6.956a10 10 0 0 1-2.71 13.702l-26.534 18.25a9.995 9.995 0 0 1-4.492 1.691l-14.965 1.77"
transform="translate(316.27 256)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v98.51c0 8.45-6.85 15.301-15.311 15.301h-466.378c-8.451 0-15.311-6.851-15.311-15.301v-322.07c0-5.64 4.57-10.199 10.21-10.199h340.96m32.66 0h102.96C-4.57-233.759 0-229.2 0-223.56v190.899"
transform="translate(504.5 348.33)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category