Add icons to this collection by clicking the heart icon.
Coding icon - also known as interface, code, social media, coding, html, html code, html file, html format, html file format, html symbol, and html extension. Created in a clean lineal style with a black 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-63.303v30.322c0 6.388 5.178 11.566 11.566 11.566H0Z"
transform="translate(76.406 373.751)"
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-350.952v30.322c0 6.388 5.178 11.566 11.565 11.566h327.822C-5.178 41.888 0 36.71 0 30.322Z"
transform="translate(364.61 373.751)"
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-122.723c-6.387 0-11.565 5.178-11.565 11.564V319.32h351.506v-33.674"
transform="translate(147.392 54.43)"
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 0h57.756"
transform="translate(57.745 330.882)"
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 0h57.756"
transform="translate(57.745 297.513)"
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 0h57.756"
transform="translate(57.745 264.144)"
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 0h57.756"
transform="translate(57.745 230.775)"
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 0h57.756"
transform="translate(57.745 197.406)"
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 0h57.756"
transform="translate(57.745 164.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 0h57.756"
transform="translate(57.745 130.669)"
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 0h57.756"
transform="translate(57.745 97.3)"
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.303v30.322c0 6.388 5.178 11.566 11.566 11.566H0Z"
transform="translate(210.693 298.19)"
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-350.952v30.322c0 6.388 5.178 11.566 11.565 11.566h327.822C-5.178 41.888 0 36.71 0 30.322Z"
transform="translate(498.897 298.19)"
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 0v135.939h351.506v-279.11c0-6.388-5.178-11.565-11.566-11.565H11.565C5.178-154.736 0-149.559 0-143.171v108.296"
transform="translate(147.39 162.25)"
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 0v0c-3.671 0-7.203-1.4-9.877-3.915l-43.846-41.244c-5.517-5.191-5.517-13.957 0-19.148l43.846-41.244A14.42 14.42 0 0 1 0-109.466c13.004 0 19.359 15.861 9.954 24.841l-28.695 27.398a3.45 3.45 0 0 0 0 4.988L9.954-24.841C19.359-15.861 13.004 0 0 0Z"
transform="translate(240.086 207.585)"
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 0v0c3.671 0 7.203-1.4 9.877-3.915l43.846-41.244c5.517-5.191 5.517-13.957 0-19.148L9.877-105.551A14.42 14.42 0 0 0 0-109.466c-13.003 0-19.359 15.861-9.954 24.841l28.695 27.398a3.448 3.448 0 0 1 0 4.988L-9.954-24.841C-19.359-15.861-13.003 0 0 0Z"
transform="translate(406.201 207.585)"
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 0v0c-11.228 0-18.671 11.639-13.963 21.831L30.51 98.27a15.378 15.378 0 0 0 13.962 8.929c11.227 0 18.671-11.638 13.963-21.83L13.962 8.931A15.38 15.38 0 0 0 0 0Z"
transform="translate(299.969 100.386)"
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-35.178h-113.345a4.946 4.946 0 0 0-4.946 4.946V0Z"
transform="translate(166.572 480.615)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M166.572 445.437h34.792v35.178h-34.792z"
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-27.636v-35.178h133.845c9.714 0 17.589 7.875 17.589 17.589C123.798-7.875 115.923 0 106.209 0H35"
transform="translate(229 480.615)"
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 0h16.378"
transform="translate(352.798 463.026)"
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-24.585h-22.885c-6.789 0-12.293 5.503-12.293 12.292S-29.674 0-22.885 0zM0 0v22.546a6.621 6.621 0 0 0 6.621 6.621h93.888"
transform="translate(48.281 475.32)"
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