Add icons to this collection by clicking the heart icon.
Coding icon - also known as computer, screen, check, monitor, security, secure, web programming, coding, binary code, optimization, and seo and web. Created in a clean lineal color 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="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="M0 0h-143l30 77h83z"
transform="matrix(1.33333 0 0 -1.33333 436.667 632.667)"
fill="#335e80"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30L0-77h30z"
transform="matrix(1.33333 0 0 -1.33333 396.667 530)"
fill="#2e5973"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0h-437c-16.568 0-30 13.432-30 30v280c0 16.568 13.432 30 30 30H0c16.568 0 30-13.432 30-30V30C30 13.432 16.568 0 0 0"
transform="translate(474.5 114.5)"
fill="#3d6d93"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30C-13.432 0 0-13.432 0-30v-280c0-16.569-13.432-30-30-30H0c16.568 0 30 13.431 30 30v280C30-13.432 16.568 0 0 0"
transform="translate(474.5 454.5)"
fill="#335e80"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v256a7 7 0 0 0 7 7h413a7 7 0 0 0 7-7V0a7 7 0 0 0-7-7H7a7 7 0 0 0-7 7"
transform="translate(42.5 156.5)"
fill="#eaf6ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30a7 7 0 0 0 7-7v-256a7 7 0 0 0-7-7H0a7 7 0 0 1 7 7V-7a7 7 0 0 1-7 7"
transform="translate(462.5 419.5)"
fill="#d8ecfe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-36.451-29.549-66-66-66s-66 29.549-66 66 29.549 66 66 66S0 36.451 0 0"
transform="translate(322 438.5)"
fill="#aee69c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a66.14 66.14 0 0 1-15-1.733C14.221-8.527 36-34.711 36-66c0-31.289-21.779-57.473-51-64.267A66.14 66.14 0 0 1 0-132c36.451 0 66 29.549 66 66S36.451 0 0 0"
transform="translate(256 504.5)"
fill="#89daa4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-174.297a7 7 0 0 0-7 7v31a7 7 0 0 0 7 7H0a7 7 0 0 0 7-7V7a7 7 0 0 0-7-7"
transform="translate(343.148 7.5)"
fill="#3d6d93"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30a7 7 0 0 0 7-7v-31a7 7 0 0 0-7-7H0a7 7 0 0 1 7 7v31a7 7 0 0 1-7 7"
transform="translate(343.148 52.5)"
fill="#335e80"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 24.16 62h83l24.16-62"
transform="translate(190.34 52.5)"
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 0v89.511c0 16.57 13.43 30 30 30h154.46"
transform="translate(7.5 334.99)"
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 0h154.46c16.57 0 30-13.43 30-30v-280c0-16.57-13.43-30-30-30h-437c-16.57 0-30 13.43-30 30v155.489"
transform="translate(320.04 454.5)"
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-305.76c-3.87 0-7 3.13-7 7v256c0 3.87 3.13 7 7 7h143.281"
transform="translate(355.26 149.5)"
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 0h143.28c3.87 0 7-3.13 7-7v-256c0-3.87-3.13-7-7-7H71.04"
transform="translate(319.22 419.5)"
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 0c0-36.451-29.549-66-66-66s-66 29.549-66 66 29.549 66 66 66S0 36.451 0 0Z"
transform="translate(322 438.5)"
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-44.493-44.494a4.664 4.664 0 0 0-6.594 0l-13.36 13.361"
transform="translate(288.224 461.43)"
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-174.297a7 7 0 0 0-7 7v31a7 7 0 0 0 7 7H0a7 7 0 0 0 7-7V7a7 7 0 0 0-7-7Z"
transform="translate(343.148 7.5)"
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-28.866 28.866a5.806 5.806 0 0 0 0 8.21L0 65.942"
transform="translate(215.303 179.5)"
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 28.866 28.866a5.806 5.806 0 0 1 0 8.21L0 65.942"
transform="translate(296.697 179.5)"
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 24.881 65.942"
transform="translate(243.56 179.5)"
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 0h13.469v-63.016"
transform="translate(139.352 341.595)"
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 0c0-10.064-8.159-18.223-18.223-18.223-10.064 0-18.222 8.159-18.222 18.223v29.142c0 10.064 8.158 18.223 18.222 18.223C-8.159 47.365 0 39.206 0 29.142Z"
transform="translate(109.352 295.517)"
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 0h13.469v-63.016"
transform="translate(249.266 341.595)"
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 0c0-10.064-8.158-18.223-18.223-18.223-10.064 0-18.222 8.159-18.222 18.223v29.142c0 10.064 8.158 18.223 18.222 18.223C-8.158 47.365 0 39.206 0 29.142Z"
transform="translate(219.266 295.517)"
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 0h13.469v-63.016"
transform="translate(359.18 341.595)"
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 0c0-10.064-8.158-18.223-18.223-18.223-10.064 0-18.222 8.159-18.222 18.223v29.142c0 10.064 8.158 18.223 18.222 18.223C-8.158 47.365 0 39.206 0 29.142Z"
transform="translate(329.18 295.517)"
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 0c0-10.064-8.158-18.223-18.223-18.223-10.063 0-18.222 8.159-18.222 18.223v29.142c0 10.064 8.159 18.223 18.222 18.223C-8.158 47.365 0 39.206 0 29.142Z"
transform="translate(439.094 295.517)"
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