Add icons to this collection by clicking the heart icon.
Coding icon - also known as computer, interface, signs, web, window, page, symbol, code, program, browser, ui, programming, coding, and programming language. Created in a clean lineal color style with a white, silver, black, 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>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0H98.965v17.776c0 12.218-10 22.223-22.222 22.223h-367.555c-12.222 0-22.222-10-22.222-22.223v-37.777h137.373l20 20.001z"
transform="translate(323.032 462.004)"
fill="#ffcf33"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0h-224.627l-20-20.001H-382v-217.774c0-12.222 10-22.222 22.223-22.222h57.78v185.768c0 12.222 10 22.222 22.223 22.222H29.999V0z"
transform="translate(391.998 462.004)"
fill="#d7d7e8"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0h-309.773c-12.223 0-22.223-10-22.223-22.223V-60h137.373l20 20.001H80.003v17.776C80.003-10.005 70.003 0 57.78 0Z"
transform="translate(421.997 409.997)"
fill="#ffcf33"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0h-254.626l-20-20.001h-137.373v-217.774c0-12.222 10-22.222 22.223-22.222H-240c0 55.228 44.771 100 100 100s100-44.772 100-100h17.777C-10.004-259.997 0-249.994 0-237.775z"
transform="translate(502 369.998)"
fill="#f0f0fa"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0c-55.229 0-100-44.771-100-100S-55.229-200 0-200s100 44.771 100 100S55.229 0 0 0"
transform="translate(362 210.001)"
fill="#00d7ce"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0h-.27m79.812 0H28.73m-68.965 0h-29.999c-12.223 0-22.223 10-22.223 22.222v255.551c0 12.223 10 22.223 22.223 22.223h367.553c12.223 0 22.223-10.005 22.223-22.223V22.222C319.542 10.003 309.538 0 297.319 0h-17.777"
transform="translate(182.458 110.001)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="2.613"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h137.373l20 20.001"
transform="translate(90.001 349.997)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="2.613"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-.27"
transform="translate(124.77 379.997)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="2.613"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-.27"
transform="translate(164.77 379.997)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="2.613"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-.269"
transform="translate(204.77 379.997)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="2.613"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h254.626"
transform="translate(247.374 369.998)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="2.613"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c55.078 0 100 44.922 100 100S55.078 200 0 200s-100-44.922-100-100S-55.078 0 0 0Z"
transform="translate(362 10.001)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="2.613"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-57.78c-12.223 0-22.223 10-22.223 22.222v255.551c0 12.223 10 22.223 22.223 22.223h367.554c12.222 0 22.222-10.005 22.222-22.223V207.99"
transform="translate(90.001 202.007)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="2.613"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h137.373l20 20.001"
transform="translate(9.998 442.003)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="2.613"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-.27"
transform="translate(44.768 472.003)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="2.613"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-.269"
transform="translate(84.768 472.003)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="2.613"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-.27"
transform="translate(124.769 472.003)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="2.613"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h.27m-184.662 0H-28.73m98.964 0H40.235"
transform="translate(351.763 462.004)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="2.613"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h61.67"
transform="translate(130.002 289.682)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="2.613"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h123.341"
transform="translate(130.002 249.682)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="2.613"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h61.67"
transform="translate(130.002 209.682)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="2.613"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h123.341"
transform="translate(338.66 289.682)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="2.613"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-14.201-53"
transform="translate(369.1 136.501)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="2.613"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-28.394-24"
transform="translate(326.1 134.001)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="2.613"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-28.394 24"
transform="translate(326.1 86.001)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="2.613"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 28.394-24"
transform="translate(397.9 134.001)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="2.613"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 28.394 24"
transform="translate(397.9 86.001)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="2.613"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category