Add icons to this collection by clicking the heart icon.
Code icon - also known as interface, screen, development, website, code, ui, web programming, web development, web page, programming, seo and web, and business and finance. Created in a clean lineal color style with a silver, 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-379.497c-19.352 0-35.039-15.688-35.039-35.039v-295.674H35.039v295.674C35.039-15.688 19.352 0 0 0"
transform="translate(445.748 434.328)"
fill="#d4d2d3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M74.894 390.647h362.213V186.125H74.894Z"
fill="#3ac7b4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M74.894 186.125h30v204.521h-30z"
fill="#00ad94"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-86.004-16.196L-172.009 0h-162.495v-28.49c0-20.035 16.24-36.285 36.285-36.285h424.43c20.045 0 36.285 16.25 36.285 36.285V0z"
transform="translate(342.004 142.447)"
fill="#bab8b9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-9.416c0-12.687-10.289-22.976-22.977-22.976h-126.055c-12.687 0-22.977 10.289-22.977 22.976V0Z"
transform="translate(342.004 142.447)"
fill="#a6a4a5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-66.322v-204.521H295.89V0H30"
transform="translate(141.216 390.646)"
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 0a7.322 7.322 0 1 0-14.644 0A7.322 7.322 0 0 0 0 0"
transform="translate(263.322 412.487)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-32.014 32.014L0 64.029"
transform="translate(207.667 256.371)"
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 32.014 32.014L0 64.029"
transform="translate(304.334 256.371)"
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-57.796-103.74"
transform="translate(284.898 340.256)"
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 0h41.595C61.64 0 77.88 16.25 77.88 36.285v28.49H-84.616v-9.416c0-12.687-10.289-22.977-22.976-22.977h-126.055c-12.688 0-22.977 10.29-22.977 22.977v9.416H-419.12v-28.49C-419.12 16.25-402.88 0-382.835 0H-30"
transform="translate(426.62 77.672)"
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-19.352 0-35.04-15.688-35.04-35.04v-256.841h449.576V-35.04c0 19.352-15.688 35.04-35.039 35.04Z"
transform="translate(66.252 434.328)"
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-9.416c0-12.687-10.289-22.976-22.977-22.976h-126.055c-12.687 0-22.977 10.289-22.977 22.976V0Z"
transform="translate(342.004 142.447)"
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