Add icons to this collection by clicking the heart icon.
Coding icon - also known as computer, laptop, web development, programming, coding, and seo and web. Created in a clean lineal color style with a white, silver, gray, black, and teal 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 0h-449.326v292.306c0 14.63 11.86 26.489 26.489 26.489h396.348c14.63 0 26.489-11.859 26.489-26.489Z"
transform="translate(480.663 127.721)"
fill="#889daa"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-23.837C-9.208 0 2.651-11.859 2.651-26.489v-255.77c0-8.58-6.955-15.536-15.536-15.536h-409.952v-21H26.489v292.306C26.489-11.859 14.629 0 0 0"
transform="translate(454.174 446.516)"
fill="#728d9a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-476.412c-5.685 0-10.294-4.609-10.294-10.294v-41.649c0-5.685 4.609-10.294 10.294-10.294H0c5.685 0 10.294 4.609 10.294 10.294v41.649C10.294-4.609 5.685 0 0 0"
transform="translate(494.206 127.721)"
fill="#889daa"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-22.156c5.685 0 10.294-4.609 10.294-10.294v-41.649c0-5.685-4.609-10.294-10.294-10.294H0c5.685 0 10.294 4.609 10.294 10.294v41.649C10.294-4.609 5.685 0 0 0"
transform="translate(494.206 127.721)"
fill="#728d9a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-348.353c-5.35 0-9.686-4.337-9.686-9.686v-44.563H9.686v44.563C9.686-4.337 5.35 0 0 0"
transform="translate(430.176 405.455)"
fill="#76d6b9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-17.606c5.35 0 9.687-4.337 9.687-9.686v-44.563H9.686v44.563C9.686-4.337 5.35 0 0 0"
transform="translate(430.176 405.455)"
fill="#37cba6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-4.935 10.694a5.496 5.496 0 0 1-4.99 3.192h-50.1a5.495 5.495 0 0 1-4.989-3.192L-69.949 0a5.495 5.495 0 0 0-4.989-3.192h-32.268v-235.627h367.725V-3.192H4.989A5.495 5.495 0 0 0 0 0"
transform="translate(179.343 366.54)"
fill="#f4f8f9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-225.941c0-5.35-4.337-9.686-9.686-9.686h27.292V0Z"
transform="translate(422.257 363.348)"
fill="#e7eef3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-63.622a12.494 12.494 0 0 0-10.594 5.87l-14.403 23.028H24.996L10.594 5.87A12.495 12.495 0 0 0 0 0"
transform="translate(287.811 98.823)"
fill="#b2c5d1"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h248.586v32.42c0 5.35-4.336 9.687-9.686 9.687h-348.353c-5.349 0-9.686-4.337-9.686-9.687V0h20.756"
transform="translate(191.276 363.348)"
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 0h4.411"
transform="translate(351.637 384.402)"
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 0h4.411"
transform="translate(377.492 384.402)"
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 0h4.411"
transform="translate(403.348 384.402)"
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-20.932-29.876L0-59.753"
transform="translate(154.083 328.884)"
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 20.932-29.876L0-59.753"
transform="translate(226.404 328.884)"
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-27.523-56.89"
transform="translate(204.06 327.453)"
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 0h29.633"
transform="translate(272.97 279.845)"
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 0h49.633"
transform="translate(329.216 279.845)"
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 0h26.204"
transform="translate(133.151 223.038)"
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 0h46.204"
transform="translate(186.656 223.038)"
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 0h56.204"
transform="translate(260.16 223.038)"
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 0h35.184"
transform="translate(343.665 223.038)"
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 0h56.204"
transform="translate(133.151 184.726)"
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 0h46.204"
transform="translate(216.656 184.726)"
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 0h26.204"
transform="translate(290.16 184.726)"
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 0h35.184"
transform="translate(343.665 184.726)"
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-63.622a12.494 12.494 0 0 0-10.594 5.87l-14.403 23.028H24.996L10.594 5.87A12.495 12.495 0 0 0 0 0Z"
transform="translate(287.811 98.823)"
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 0h333.453c5.685 0 10.294 4.609 10.294 10.294v41.649c0 5.685-4.609 10.294-10.294 10.294h-476.412c-5.685 0-10.294-4.609-10.294-10.294V10.294c0-5.685 4.609-10.294 10.294-10.294H-29"
transform="translate(160.753 65.484)"
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 0v69.003h-255.531a5.496 5.496 0 0 0-4.989 3.192l-4.935 10.694a5.495 5.495 0 0 1-4.989 3.192h-50.1a5.495 5.495 0 0 1-4.989-3.192l-4.936-10.694a5.495 5.495 0 0 0-4.989-3.192h-32.268v-235.627H-9.687c5.35 0 9.687 4.337 9.687 9.687V-29"
transform="translate(439.863 294.345)"
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-42.41c-14.63 0-26.489-11.859-26.489-26.489v-292.306h449.326v292.306c0 14.63-11.86 26.489-26.489 26.489H29"
transform="translate(100.236 446.516)"
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