Add icons to this collection by clicking the heart icon.
Programming icon - also known as computer, interface, screen, web, development, website, code, ui, web programming, web development, web page, developer, programming, seo and web, and edit tools. Created in a clean lineal color style with a silver, gray, black, red, teal, 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="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="M239.177 50.953h34.356v73h-34.356z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#3e4151"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M239.177 50.953h20v73h-20z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#353744"
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-422.519c-20.525 0-37.225-16.7-37.225-37.226v-297.955c0-20.527 16.7-37.226 37.225-37.226H0c20.526 0 37.225 16.699 37.225 37.226v297.955C37.225-16.7 20.526 0 0 0"
transform="translate(467.614 490.312)"
fill="#525468"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v297.956c0 20.525 16.7 37.225 37.226 37.225h-20C-3.3 335.181-20 318.481-20 297.956V0c0-20.526 16.7-37.226 37.226-37.226h20C16.7-37.226 0-20.526 0 0"
transform="translate(27.87 155.13)"
fill="#3e4151"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-422.519c-1.528 0-2.869-1.341-2.869-2.87v-297.955c0-1.529 1.341-2.87 2.869-2.87H0c1.528 0 2.869 1.341 2.869 2.87V-2.87C2.869-1.341 1.528 0 0 0"
transform="translate(467.614 455.956)"
fill="#b4e1f9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v297.956c0 1.528 1.341 2.869 2.869 2.869h-20c-1.528 0-2.869-1.341-2.869-2.869V0c0-1.529 1.341-2.87 2.869-2.87h20C1.341-2.87 0-1.529 0 0"
transform="translate(62.227 155.13)"
fill="#72bdf6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-209.88c-9.208 0-16.673-7.464-16.673-16.672v-1.012c0-9.208 7.465-16.672 16.673-16.672H0c9.208 0 16.672 7.464 16.672 16.672v1.012C16.672-7.464 9.208 0 0 0"
transform="translate(361.295 56.044)"
fill="#525468"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-209.88c-5.678 0-10.685 2.843-13.696 7.178a16.584 16.584 0 0 1-2.977-9.494v-1.012c0-9.208 7.465-16.672 16.673-16.672H0c9.208 0 16.672 7.464 16.672 16.672v1.012c0 3.53-1.104 6.799-2.976 9.494C10.686 2.843 5.678 0 0 0"
transform="translate(361.295 41.688)"
fill="#3e4151"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-422.519c-1.528 0-2.869-1.341-2.869-2.87v-31.485H2.869V-2.87C2.869-1.341 1.528 0 0 0"
transform="translate(467.614 457.956)"
fill="#4b98d4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-31.486c-1.529 0-2.869-1.341-2.869-2.87v-31.485H0Z"
transform="translate(76.582 457.956)"
fill="#ed5454"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-19.959c-1.528 0-2.869-1.341-2.869-2.87v-31.486H-2.87V-2.87C-2.87-1.341-1.529 0 0 0"
transform="translate(65.055 457.956)"
fill="#ea3f3f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a4.649 4.649 0 0 0 0 6.572l48.813 48.811c5.708 5.71 5.542 15.07-.499 20.567-5.658 5.149-14.468 4.651-19.877-.759l-61.861-61.859c-5.548-5.549-5.548-14.543 0-20.092l61.861-61.86c5.409-5.409 14.219-5.907 19.877-.758 6.041 5.497 6.207 14.857.499 20.566z"
transform="translate(143.191 282.257)"
fill="#4b98d4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-62.006 62.006c-5.709 5.709-15.067 5.544-20.565-.496-5.15-5.658-4.653-14.469.757-19.879l47.928-47.928a5.3 5.3 0 0 0 0-7.497l-47.927-47.928c-5.411-5.41-5.908-14.222-.757-19.88 5.497-6.04 14.856-6.204 20.564-.496L0-20.092C5.549-14.543 5.549-5.548 0 0"
transform="translate(402.111 295.588)"
fill="#4b98d4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-7.193 3.135-10.484 11.507-7.35 18.7L61.3 176.244c3.135 7.193 11.507 10.483 18.699 7.349 7.193-3.134 10.484-11.507 7.35-18.699L18.699 7.35C15.563.153 7.187-3.133 0 0"
transform="translate(216.355 193.746)"
fill="#4b98d4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-61.86 61.859c-5.548 5.549-5.548 14.544 0 20.092L0 143.811c.106.106.222.199.331.301-.152.152-.292.311-.453.458-5.658 5.148-14.469 4.65-19.878-.759l-61.86-61.86c-5.548-5.548-5.548-14.543 0-20.092L-20 0C-14.591-5.409-5.78-5.907-.122-.759c.161.147.301.306.453.458C.222-.199.106-.106 0 0"
transform="translate(191.628 213.637)"
fill="#2472b2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-5.15 5.658-4.653 14.47.757 19.879l47.928 47.929a5.3 5.3 0 0 1 0 7.496L.756 123.232c-5.409 5.41-5.906 14.222-.757 19.879.171.187.355.351.532.527-5.713 5.676-15.044 5.502-20.532-.527-5.149-5.657-4.652-14.469.757-19.879l47.929-47.928a5.3 5.3 0 0 0 0-7.496l-47.928-47.929C-24.653 14.47-25.15 5.658-20 0-14.513-6.028-5.181-6.202.531-.526.354-.351.17-.187 0 0"
transform="translate(339.541 213.987)"
fill="#2472b2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 68.649 157.544a14.16 14.16 0 0 0 3.023 4.403 14.129 14.129 0 0 1-4.323 2.946c-7.193 3.135-15.565-.156-18.7-7.349L-20 0c-3.135-7.193.156-15.565 7.35-18.7 5.489-2.392 11.665-1.032 15.676 2.947C-1.012-11.746-2.409-5.529 0 0"
transform="translate(229.006 212.446)"
fill="#2472b2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-422.518c-1.528 0-2.87-1.341-2.87-2.87v-297.955c0-1.529 1.342-2.87 2.87-2.87H0c1.529 0 2.87 1.341 2.87 2.87V-2.87C2.87-1.341 1.529 0 0 0Z"
transform="translate(467.259 455.956)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M238.822 56.044h34.355v61.861h-34.355z"
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-62.144 62.144c-5.547 5.548-5.547 14.543 0 20.091L0 144.379c5.549 5.549 14.543 5.549 20.092 0 5.548-5.548 5.548-14.544 0-20.092l-52.098-52.098 52.098-52.097c5.548-5.548 5.548-14.544 0-20.092C14.544-5.548 5.549-5.548 0 0Z"
transform="translate(171.972 213.353)"
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 0c-5.548 5.548-5.548 14.544 0 20.092l51.96 51.96L0 124.012c-5.548 5.548-5.548 14.544 0 20.092 5.549 5.548 14.543 5.548 20.092 0l62.006-62.006c5.548-5.549 5.548-14.543 0-20.092L20.092 0C14.544-5.548 5.549-5.548 0 0Z"
transform="translate(320.074 213.49)"
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 0c-7.193 3.135-10.483 11.507-7.349 18.7l68.65 157.544c3.134 7.193 11.507 10.483 18.699 7.349 7.193-3.134 10.483-11.507 7.35-18.699L18.7 7.35C15.564.153 7.188-3.133 0 0Z"
transform="translate(216.415 193.746)"
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-422.518c-1.528 0-2.869-1.341-2.869-2.87v-31.486H2.87V-2.87C2.87-1.341 1.529 0 0 0Z"
transform="translate(467.259 455.956)"
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-31.486c-1.529 0-2.869-1.341-2.869-2.87v-31.486H0Z"
transform="translate(76.228 455.956)"
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 0h87.025c9.208 0 16.672 7.464 16.672 16.672v1.012c0 9.208-7.464 16.671-16.672 16.671h-209.88c-9.207 0-16.672-7.463-16.672-16.671v-1.012c0-9.208 7.465-16.672 16.672-16.672H-35"
transform="translate(273.915 21.689)"
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 0v131.478c0 20.526-16.699 37.226-37.226 37.226h-422.517c-20.527 0-37.226-16.7-37.226-37.226v-297.956c0-20.525 16.699-37.225 37.226-37.225h422.517c20.527 0 37.226 16.7 37.226 37.225V-35"
transform="translate(504.484 321.608)"
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