Add icons to this collection by clicking the heart icon.
Coding icon - also known as computer, interface, screen, user, people, woman, web, person, development, website, code, avatar, ui, web programming, web development, web page, developer, programming, coding, programmer, seo and web, and business and finance. Created in a clean lineal color style with a white, silver, gray, black, teal, navy, orange, 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>
<clipPath id="b" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
<clipPath id="c" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<path
d="M105.75 204.489h60v85h-60z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#ccc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30l-30 60L0 30Z"
transform="matrix(1.33333 0 0 -1.33333 320.99 350.015)"
fill="#ccc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-179.992v30L0 60Z"
transform="matrix(1.33333 0 0 -1.33333 280.99 350.015)"
fill="#ebebeb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-45.003 62.25L0 125h30.002V0Z"
transform="matrix(1.33333 0 0 -1.33333 281 310.015)"
fill="#002f42"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-125h180.002V0Z"
transform="matrix(1.33333 0 0 -1.33333 41 143.348)"
fill="#084f6d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h209.992"
transform="matrix(1.33333 0 0 -1.33333 41.006 310.015)"
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-30"
transform="matrix(1.33333 0 0 -1.33333 221 350.015)"
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-30"
transform="matrix(1.33333 0 0 -1.33333 141 350.015)"
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-14.787-15L0-30h30V0Z"
transform="matrix(1.33333 0 0 -1.33333 281.667 390.015)"
fill="#c27749"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M31.25 189.489h180v30h-180z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#e18f4e"
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 0v211.989h-210V0"
transform="translate(241.25 7.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<path
d="M0 0h210"
transform="matrix(1.33333 0 0 -1.33333 41.667 430.015)"
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 45 47v60H15Z"
transform="matrix(1.33333 0 0 -1.33333 181.667 612.667)"
fill="#353535"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-60 47v60H0Z"
transform="matrix(1.33333 0 0 -1.33333 201.667 612.667)"
fill="#4f4f4f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30l-30 46 30 46H0Z"
transform="matrix(1.33333 0 0 -1.33333 241.667 672.667)"
fill="#4f4f4f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M151.25 7.5h-60v92h60z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#696969"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<g clip-path="url(#b)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M91.25 7.5h90v152h-90z"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<path
d="M0 0h-90"
transform="matrix(1.33333 0 0 -1.33333 241.667 550)"
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-30"
transform="matrix(1.33333 0 0 -1.33333 201.667 510)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<g clip-path="url(#c)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0h-30v-120h50v100C20-8.954 11.046 0 0 0"
transform="translate(371.25 339.5)"
fill="#ff6337"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-20c-11.046 0-20-8.954-20-20v-100h60v100C20-8.954 11.046 0 0 0"
transform="translate(341.25 339.5)"
fill="#ff8646"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30l15-90h30v50.335C15-24.454 9.329-10.575 0 0"
transform="translate(391.25 249.5)"
fill="#2dade3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-60c-9.329-10.575-15-24.454-15-39.665V-90h90v50.335C15-24.454 9.329-10.575 0 0"
transform="translate(361.25 249.5)"
fill="#49c9ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-142l30-10"
transform="translate(376.25 159.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-142l-30-10"
transform="translate(316.25 159.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(301.25 249.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 0v70c0 11.046-8.954 20-20 20h-50c-11.046 0-20-8.954-20-20V0c-9.329-10.575-15-24.454-15-39.665V-90H15v50.335C15-24.454 9.329-10.575 0 0Z"
transform="translate(391.25 249.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 0c24.853 0 45 20.147 45 45C20.147 45 0 24.853 0 0"
transform="translate(346.25 459.5)"
fill="#ff6337"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-24.853 20.147-45 45-45C45-20.147 24.853 0 0 0"
transform="translate(301.25 504.5)"
fill="#49c9ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-24.853 20.147-45 45-45S90-24.853 90 0C65.147 0 45-20.147 45-45 45-20.147 24.853 0 0 0Z"
transform="translate(301.25 504.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 0c0-49.706-40.294-90-90-90"
transform="translate(481.25 409.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 0v64.888"
transform="translate(60.75 309.1)"
fill="none"
stroke="#49c9ff"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M30.75 249.489h209.992v155H30.75Z"
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-12.427 0-22.5-10.073-22.5-22.5C-22.5-34.926-12.427-45 0-45h52.5V0Z"
transform="translate(293.75 414.5)"
fill="#ffa754"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-52.5v-45H0c12.427 0 22.5 10.074 22.5 22.5C22.5-10.073 12.427 0 0 0"
transform="translate(398.75 414.5)"
fill="#e18f4e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-7.5C-19.926 0-30-10.074-30-22.5S-19.926-45-7.5-45h105c12.426 0 22.5 10.074 22.5 22.5S109.926 0 97.5 0H90"
transform="translate(301.25 414.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-14.092-60.453c24.853 0 45 20.148 45 45z"
transform="translate(360.342 429.953)"
fill="#ffb4a9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 5.429-.321 10.634-.908 15.453l-41.095 20.545C-52.93 27.788-60 14.72-60 0c0-24.853 20.147-45 45-45C-6.716-45 0-24.853 0 0"
transform="translate(361.25 414.5)"
fill="#ffd9d4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 14.899-39.832A89.81 89.81 0 0 1 45-45C45-20.147 24.853 0 0 0"
transform="translate(346.25 459.5)"
fill="#e18f4e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a44.795 44.795 0 0 1-27.003-9.002c10.532-14.019 25.066-24.855 41.902-30.83C14.044-17.415 7.701 0 0 0"
transform="translate(346.25 459.5)"
fill="#ffa754"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-24.853-20.147-45-45-45S-90-24.853-90 0s20.147 45 45 45S0 24.853 0 0Z"
transform="translate(391.25 414.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 0c16.42-21.858 42.559-35.998 72.003-35.998"
transform="translate(319.248 450.498)"
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 0h121"
transform="translate(90.75 373.239)"
fill="none"
stroke="#49c9ff"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h60"
transform="translate(90.75 341.989)"
fill="none"
stroke="#49c9ff"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h119.992"
transform="translate(90.75 310.739)"
fill="none"
stroke="#49c9ff"
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