Add icons to this collection by clicking the heart icon.
Programming icon - also known as technology, computer, programming, electronics, coding, computing, and bot. Created in a clean lineal color style with a white, silver, gray, black, and pink 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-13.061 71.835-103.812 5.174-14.102-77.556z"
transform="matrix(1.33333 0 0 -1.33333 385.917 646.874)"
fill="#806d7a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30l-13.06 71.84h30z"
transform="matrix(1.33333 0 0 -1.33333 385.92 646.88)"
fill="#6c5e69"
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 0v-171c0-16.568-13.432-30-30-30h-373c-16.568 0-30 13.432-30 30V73c0 16.568 13.432 30 30 30h256.952z"
transform="translate(440.5 293.5)"
fill="#988393"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-171c0-16.57-13.43-30-30-30h-30c16.57 0 30 13.43 30 30V0l-146.05 103h30z"
transform="translate(440.5 293.5)"
fill="#806d7a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-166a5 5 0 0 0-5-5h-363a5 5 0 0 0-5 5V68a5 5 0 0 0 5 5h253.252z"
transform="translate(410.5 293.5)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-3.413 0-5.823 3.343-4.744 6.581L.783 23.162A10.001 10.001 0 0 0 10.271 30h163.583c4.305 0 8.126-2.754 9.488-6.838l5.527-16.581C189.948 3.343 187.538 0 184.125 0Z"
transform="translate(131.938 7.5)"
fill="#988393"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30c3.42 0 5.83 3.34 4.75 6.58l-5.53 16.58A9.993 9.993 0 0 1-40.271 30h30c4.31 0 8.13-2.75 9.491-6.84L4.75 6.58C5.83 3.34 3.42 0 0 0"
transform="translate(316.06 7.5)"
fill="#806d7a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-70a5 5 0 0 0-5 5v209H0Z"
transform="translate(112.5 122.5)"
fill="#ffe270"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-305.41v25c0 2.76 2.24 5 5 5h253.25z"
transform="translate(342.91 336.5)"
fill="#b0a8d9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-8.284 0-15 6.716-15 15 0 8.284 6.716 15 15 15 8.284 0 15-6.716 15-15C15 6.716 8.284 0 0 0"
transform="translate(386.5 474.5)"
fill="#ff9ba2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-116c-16.568 0-30 13.432-30 30v94c0 16.568 13.432 30 30 30H0c16.568 0 30-13.432 30-30V30C30 13.432 16.568 0 0 0"
transform="translate(444.5 290.5)"
fill="#64caff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-94c0-16.57-13.43-30-30-30h-30c16.57 0 30 13.43 30 30V0c0 16.57-13.43 30-30 30h30C-13.43 30 0 16.57 0 0"
transform="translate(474.5 414.5)"
fill="#00b8ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-10c-11.046 0-20 8.954-20 20v38c0 11.046 8.954 20 20 20H0Z"
transform="translate(298.5 328.5)"
fill="#f5f0f4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-10v78H0c11.046 0 20-8.954 20-20V20C20 8.954 11.046 0 0 0"
transform="translate(484.5 328.5)"
fill="#e4dfe3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v0c-8.284 0-15 6.716-15 15 0 8.284 6.716 15 15 15 8.284 0 15-6.716 15-15C15 6.716 8.284 0 0 0Z"
transform="translate(386.5 474.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 0v-166.933c0-16.568-13.432-30-30-30h-373c-16.568 0-30 13.432-30 30v244c0 16.568 13.432 30 30 30h232.392"
transform="translate(440.5 289.433)"
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-162a5 5 0 0 0-5-5h-363a5 5 0 0 0-5 5V72a5 5 0 0 0 5 5h224.793"
transform="translate(410.5 289.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 9.539 52.464"
transform="translate(160.718 38.7)"
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 9.539-52.464"
transform="translate(277.743 91.164)"
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-23.254c-3.413 0-5.823 3.343-4.744 6.581l5.527 16.581A10.001 10.001 0 0 0-12.983 30h163.584a10 10 0 0 0 9.487-6.838l5.527-16.581C166.694 3.343 164.284 0 160.871 0H35"
transform="translate(155.191 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 0h-229.809"
transform="translate(271.038 336.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 0v-15"
transform="translate(437.5 377.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 0v-15"
transform="translate(335.5 377.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 0a27.995 27.995 0 0 0-19.055-7.449A27.988 27.988 0 0 0-38.109 0"
transform="translate(405.555 364.95)"
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 0Z"
transform="translate(75 170.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 0Z"
transform="translate(75 200.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 0Z"
transform="translate(75 230.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-9.061c-11.045 0-20 8.954-20 20v38c0 11.046 8.955 20 20 20H.382"
transform="translate(297.56 328.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 0h8.392c11.045 0 20-8.954 20-20v-38c0-11.046-8.955-20-20-20H-.382"
transform="translate(476.108 406.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 0v-29.5h-58c-16.568 0-30-13.432-30-30v-94c0-16.568 13.432-30 30-30H58c16.568 0 30 13.432 30 30v94c0 16.568-13.432 30-30 30H35"
transform="translate(386.5 474)"
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-207.592"
transform="translate(112.5 331.853)"
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 0h38"
transform="translate(327.5 230.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 0h90"
transform="translate(207.5 230.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 0h88"
transform="translate(277.5 200.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 0h40"
transform="translate(207.5 200.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 0h88"
transform="translate(277.5 260.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 0h40"
transform="translate(207.5 260.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 0h118"
transform="translate(247.5 170.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 0h60"
transform="translate(157.5 170.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 0h28"
transform="translate(247.5 290.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 0h60"
transform="translate(157.5 290.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 0Z"
transform="translate(75 260.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 0Z"
transform="translate(75 290.5)"
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