Add icons to this collection by clicking the heart icon.
Coding icon - also known as computer, programming, coding, and computing. Created in a clean lineal color style with a white, silver, 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>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0c0-93.889-76.112-170-170-170S-340-93.889-340 0c0 93.888 76.112 170 170 170S0 93.888 0 0"
transform="translate(350 332)"
fill="#ffe6b4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-93.889-76.112-170-170-170S-340-93.889-340 0c0 93.888 76.112 170 170 170S0 93.888 0 0Z"
transform="translate(350 332)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-71.797-58.203-130-130-130S-260-71.797-260 0s58.203 130 130 130S0 71.797 0 0"
transform="translate(310 332)"
fill="#faf7f5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-71.797-58.203-130-130-130S-260-71.797-260 0s58.203 130 130 130S0 71.797 0 0Z"
transform="translate(310 332)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-63.64-63.64-120.279 122.28 63.64 63.639 28.32-28.79 63.517-64.573z"
transform="translate(482 93.64)"
fill="#c0dbff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 28.442-28.916-63.639-63.639-120.28 122.279 63.64 63.64 28.32-28.791"
transform="translate(453.558 122.555)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v0"
transform="translate(421.682 154.977)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-35.355-35.355c-7.811-7.811-20.474-7.811-28.285 0l-14.142 14.142 63.64 63.639L0 28.284C7.811 20.474 7.811 7.811 0 0"
transform="translate(496.142 51.213)"
fill="#dfedff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-35.355-35.355c-7.811-7.811-20.474-7.811-28.285 0l-14.142 14.142 63.64 63.639L0 28.284C7.811 20.474 7.811 7.811 0 0Z"
transform="translate(496.142 51.213)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-84.853-84.853-28.284 28.285 84.853 84.852z"
transform="translate(372.327 226.525)"
fill="#dfedff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-84.853-84.853-28.284 28.285 84.853 84.852z"
transform="translate(372.327 226.525)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 40-40L0-80"
transform="translate(227.5 372)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-40 40L0 80"
transform="translate(132.5 292)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 15 80"
transform="translate(172.5 292)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h176.521"
transform="translate(325.478 420)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="47,45,300,45,60,45"
stroke-dashoffset="0"
stroke-opacity="1"
/>
<path
d="M0 0h216.108"
transform="translate(285.892 465)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="43,45,43,45,60,45"
stroke-dashoffset="0"
stroke-opacity="1"
/>
<path
d="M0 0h64"
transform="translate(10 465)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h24"
transform="translate(10 420)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-158.581"
transform="translate(502 285)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h152"
transform="translate(350 330)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="23,45,300,45,60,45"
stroke-dashoffset="0"
stroke-opacity="1"
/>
<path
d="M0 0h157.485"
transform="translate(344.515 375)"
fill="none"
stroke="#000"
stroke-width="20"
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