Add icons to this collection by clicking the heart icon.
Coding icon - also known as interface, screen, development, website, code, web programming, web development, web page, programming, metadata, coding, and edit tools. 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-496.855v40.189c0 7.832 6.349 14.182 14.181 14.182h468.492C-6.35 54.371 0 48.021 0 40.189Z"
transform="translate(504.428 450.106)"
fill="#9d9d9d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-40.196h-19.968V0c0 7.828-6.349 14.177-14.177 14.177h19.968C-6.35 14.177 0 7.828 0 0"
transform="translate(504.427 490.296)"
fill="#838383"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-496.855v40.189c0 7.832 6.349 14.182 14.181 14.182h468.492C-6.35 54.371 0 48.021 0 40.189Z"
transform="translate(504.428 450.106)"
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-21.81 54.371h-80.37c-7.832 0-14.181-6.35-14.181-14.182V-428.4c.81-7.832 6.349-14.182 14.181-14.182h468.492c7.833 0 14.182 6.35 14.182 14.182V0Z"
transform="translate(123.934 450.106)"
fill="#f9f3f1"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-428.406c0-7.828-6.35-14.177-14.177-14.177h-19.968c7.828 0 14.177 6.349 14.177 14.177V0z"
transform="translate(504.427 450.11)"
fill="#f3eae6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-309.961c0-7.832 6.35-14.182 14.182-14.182h468.492c7.832 0 14.181 6.35 14.181 14.182v428.4H121.763a7.986 7.986 0 0 0-7.413 5.014L94.552 172.81h-80.37C6.35 172.81 0 166.46 0 158.628V34.487"
transform="translate(7.572 331.666)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M504.428 392.28H7.573v57.824h496.855z"
fill="#8ac9fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M504.428 392.28h-19.969v57.824h19.969z"
fill="#60b8fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M504.428 392.28H7.573v57.824h496.855z"
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-2.841 0-5.729.526-8.527 1.64-11.851 4.714-17.636 18.141-12.923 29.991l62.521 157.196c4.713 11.851 18.142 17.639 29.992 12.923 11.849-4.714 17.634-18.142 12.921-29.992L21.463 14.563C17.864 5.512 9.18 0 0 0"
transform="translate(225.547 98.207)"
fill="#79caa6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a22.969 22.969 0 0 0-11.552 3.113c-11.037 6.393-14.801 20.521-8.408 31.556l35.145 60.672-34.939 57.952c-6.585 10.921-3.069 25.113 7.854 31.698 10.921 6.583 25.112 3.071 31.698-7.853L61.782 107.5a23.09 23.09 0 0 0 .206-23.497L20.004 11.521C15.722 4.129 7.969 0 0 0"
transform="translate(375.662 105.747)"
fill="#79caa6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-7.97-.001-15.722 4.129-20.004 11.521l-41.984 72.482a23.09 23.09 0 0 0 .206 23.497l41.984 69.638c6.585 10.921 20.78 14.438 31.698 7.853 10.923-6.585 14.439-20.777 7.854-31.698l-34.939-57.952L19.96 34.669c6.393-11.035 2.629-25.163-8.407-31.556A22.993 22.993 0 0 0 0 0"
transform="translate(137.966 105.747)"
fill="#79caa6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-62.52-157.188c-3.593-9.056-12.28-14.567-21.465-14.567-2.835 0-5.721.529-8.527 1.637a23.058 23.058 0 0 0-8.117 5.452c5.941 2.187 10.963 6.789 13.479 13.129L-24.62 5.661c3.454 8.686 1.267 18.22-4.822 24.541a22.976 22.976 0 0 0 16.523-.21C-1.068 25.279 4.713 11.851 0 0"
transform="translate(309.53 269.963)"
fill="#22b280"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-41.993-72.484c-4.273-7.388-12.03-11.521-19.998-11.521a23.011 23.011 0 0 0-11.551 3.114l-.749.45a22.95 22.95 0 0 1 7.678 7.957L-24.631 0a23.055 23.055 0 0 1-.21 23.492L-66.823 93.13a22.952 22.952 0 0 1-7.458 7.608c.13.09.26.17.389.25 10.923 6.579 25.11 3.065 31.7-7.858L-.21 23.492A23.106 23.106 0 0 0 0 0"
transform="translate(437.654 189.751)"
fill="#22b280"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c6.399-11.042 2.636-25.169-8.407-31.56a23.011 23.011 0 0 0-11.551-3.114 23.074 23.074 0 0 0-12.33 3.564C-21.825-24.531-18.381-10.792-24.621 0l-35.144 60.673 34.935 57.947c6.509 10.793 3.144 24.77-7.469 31.449 7.149 4.503 16.524 4.903 24.241.25C2.865 143.729 6.38 129.542-.2 118.62l-34.944-57.947Z"
transform="translate(157.923 140.42)"
fill="#22b280"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-40.909-102.856c-3.599-9.051-12.283-14.563-21.463-14.563-2.841 0-5.729.526-8.527 1.64-11.851 4.713-17.636 18.141-12.923 29.991l62.521 157.195C-16.588 83.259-3.159 89.046 8.69 84.33c11.85-4.713 17.635-18.141 12.922-29.991l-8.724-21.937"
transform="translate(287.919 215.627)"
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 0a22.969 22.969 0 0 0-11.552 3.113c-11.037 6.393-14.801 20.521-8.408 31.556l35.145 60.672-34.939 57.952c-6.585 10.921-3.069 25.113 7.854 31.698 10.921 6.583 25.112 3.071 31.698-7.853L61.782 107.5a23.09 23.09 0 0 0 .206-23.497L20.004 11.521C15.722 4.129 7.969 0 0 0Z"
transform="translate(375.662 105.747)"
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-7.97-.001-15.722 4.129-20.004 11.521l-41.984 72.482a23.09 23.09 0 0 0 .206 23.497l41.984 69.638c6.585 10.921 20.78 14.438 31.698 7.853 10.923-6.585 14.439-20.777 7.854-31.698l-34.939-57.952L19.96 34.669c6.393-11.035 2.629-25.163-8.407-31.556A22.993 22.993 0 0 0 0 0Z"
transform="translate(137.966 105.747)"
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