Add icons to this collection by clicking the heart icon.
Coding icon - also known as computer, screen, data, monitor, web, web design, development, website, code, web page, programming, electronics, coding, and edit tools. Created in a clean lineal color style with a white, silver, gray, black, red, and navy 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="m0 0-89.183-13.966L-178.366 0l27.331 51.876 66.39 30.048 57.315-30.048z"
transform="matrix(1.33333 0 0 -1.33333 461.573 587.052)"
fill="#353a59"
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-411.331c-21.724 0-39.334 17.611-39.334 39.334v268.504c0 21.724 17.61 39.335 39.334 39.335H0c21.724 0 39.335-17.611 39.335-39.335V39.334C39.335 17.611 21.724 0 0 0"
transform="translate(462.662 123.587)"
fill="#4c5072"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-207.387c-7.714 0-13.967 6.253-13.967 13.967 0 7.713 6.253 13.966 13.967 13.966H0c7.713 0 13.967-6.253 13.967-13.966C13.967 6.253 7.713 0 0 0"
transform="translate(360.69 43.778)"
fill="#4c5072"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-39.1c-7.71 0-13.969 6.25-13.969 13.96 0 3.86 1.569 7.35 4.09 9.88a13.918 13.918 0 0 0 9.879 4.09H0c-3.859 0-7.35-1.56-9.88-4.09a13.924 13.924 0 0 1-4.09-9.88C-13.97 6.25-7.72 0 0 0"
transform="translate(192.403 43.783)"
fill="#353a59"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-18.239c-21.721 0-39.33 17.61-39.33 39.33v268.51c0 21.72 17.609 39.33 39.33 39.33H-.47c-21.5-.25-38.86-17.77-38.86-39.33V39.33C-39.33 17.61-21.72 0 0 0"
transform="translate(69.566 123.586)"
fill="#353a59"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-192.71c0-17.7-14.35-32.05-32.05-32.05h-375.8c-17.71 0-32.06 14.35-32.06 32.05V0c0 17.71 14.35 32.06 32.06 32.06h375.8C-14.35 32.06 0 17.71 0 0"
transform="translate(476.948 410.539)"
fill="#b4d2d7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-192.71c0-17.7-14.35-32.05-32.05-32.05h-187.9V32.06h187.9C-14.35 32.06 0 17.71 0 0"
transform="translate(476.948 410.539)"
fill="#b4e7fd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-69.81h-219.96v37.75c0 17.71 14.351 32.06 32.061 32.06z"
transform="translate(256.998 442.599)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-24.243c-21.724 0-39.334 17.611-39.334 39.334v268.504c0 21.724 17.61 39.335 39.334 39.335h411.331c21.724 0 39.335-17.611 39.335-39.335V39.334C426.423 17.611 408.812 0 387.088 0H30"
transform="translate(75.574 123.587)"
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 0h30.987c17.704 0 32.056-14.352 32.056-32.055v-192.708c0-17.703-14.352-32.055-32.056-32.055h-375.801c-17.704 0-32.055 14.352-32.055 32.055v192.708C-376.869-14.352-362.518 0-344.814 0H-30"
transform="translate(413.91 442.596)"
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-178.366l27.331 51.876H-27.33Z"
transform="translate(346.18 71.71)"
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-207.387c-7.714 0-13.967 6.253-13.967 13.967 0 7.713 6.253 13.966 13.967 13.966H0c7.713 0 13.967-6.253 13.967-13.966C13.967 6.253 7.713 0 0 0Z"
transform="translate(360.69 43.778)"
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 0v256.818"
transform="translate(256.997 185.778)"
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-219.956"
transform="translate(256.997 372.784)"
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 6.98-5.659 12.638-12.639 12.638-6.98 0-12.638-5.658-12.638-12.638 0-6.98 5.658-12.639 12.638-12.639C-5.659-12.639 0-6.98 0 0"
transform="translate(87.724 407.123)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 6.98-5.658 12.638-12.639 12.638-6.979 0-12.638-5.658-12.638-12.638 0-6.98 5.659-12.639 12.638-12.639C-5.658-12.639 0-6.98 0 0"
transform="translate(135.837 407.123)"
fill="#b4e7fd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 6.98-5.658 12.638-12.638 12.638-6.98 0-12.638-5.658-12.638-12.638 0-6.98 5.658-12.639 12.638-12.639C-5.658-12.639 0-6.98 0 0"
transform="translate(183.95 407.123)"
fill="#ff435e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 6.98-5.659 12.638-12.639 12.638-6.98 0-12.638-5.658-12.638-12.638 0-6.98 5.658-12.639 12.638-12.639C-5.659-12.639 0-6.98 0 0Z"
transform="translate(87.724 407.123)"
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 6.98-5.658 12.638-12.639 12.638-6.979 0-12.638-5.658-12.638-12.638 0-6.98 5.659-12.639 12.638-12.639C-5.658-12.639 0-6.98 0 0Z"
transform="translate(135.837 407.123)"
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 6.98-5.658 12.638-12.638 12.638-6.98 0-12.638-5.658-12.638-12.638 0-6.98 5.658-12.639 12.638-12.639C-5.658-12.639 0-6.98 0 0Z"
transform="translate(183.95 407.123)"
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-161.242"
transform="translate(228.281 328.052)"
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-161.242"
transform="translate(228.281 295.302)"
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-124.381"
transform="translate(191.42 262.552)"
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-35.742-35.742L0-71.483"
transform="translate(320.857 348.416)"
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 35.742-35.742L0-71.483"
transform="translate(398.25 348.416)"
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-27.934-113.064"
transform="translate(373.27 369.207)"
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