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 color style, 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-328.375c-6.388 0-11.565 5.178-11.565 11.564V319.32H11.565V11.564C11.565 5.178 6.388 0 0 0"
transform="translate(353.044 54.43)"
fill="#c4e2ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<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="#60b8fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-307.755a11.557 11.557 0 0 0-11.564-11.564h-19.774c6.383 0 11.565 5.172 11.565 11.564V0z"
transform="translate(364.607 373.754)"
fill="#a5d5f9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-30.315h-19.773V0c0 6.393-5.182 11.564-11.565 11.564h19.774A11.556 11.556 0 0 0 0 0"
transform="translate(364.607 404.07)"
fill="#27a5fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-63.303v30.322c0 6.388 5.178 11.566 11.566 11.566H0Z"
transform="translate(76.406 373.751)"
fill="#e94444"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M76.408 373.754H57.746v41.88h18.662z"
fill="#d83131"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<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-328.375c-6.388 0-11.565 5.178-11.565 11.564V319.32H11.565V11.564C11.565 5.178 6.388 0 0 0Z"
transform="translate(353.044 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-328.375c-6.388 0-11.565 5.178-11.565 11.565v279.111H11.565V11.565C11.565 5.178 6.388 0 0 0"
transform="translate(487.331 7.514)"
fill="#eaf6ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<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="#60b8fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-279.11a11.557 11.557 0 0 0-11.564-11.565h-19.774c6.383 0 11.565 5.172 11.565 11.565V0z"
transform="translate(498.894 298.192)"
fill="#d8ecfe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-30.315h-19.773V0c0 6.393-5.182 11.564-11.565 11.564h19.774A11.556 11.556 0 0 0 0 0"
transform="translate(498.894 328.508)"
fill="#27a5fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-63.303v30.322c0 6.388 5.178 11.566 11.566 11.566H0Z"
transform="translate(210.693 298.19)"
fill="#e94444"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M210.695 298.192h-18.662v41.88h18.662z"
fill="#d83131"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<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 0c-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 0"
transform="translate(240.086 207.585)"
fill="#f4d902"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c3.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 0"
transform="translate(406.201 207.585)"
fill="#f4d902"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-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 0"
transform="translate(299.969 100.386)"
fill="#f4d902"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-7.399-5.73-14.52-14.44-14.52-3.68 0-7.21 1.4-9.88 3.92l-1.16 1.09C-23.261-6.87-22-3.46-22 0c0 3.65-1.391 7.36-4.49 10.32l-28.7 27.401a3.454 3.454 0 0 0 0 4.989l28.7 27.4c6.059 5.781 5.58 14.411 1.01 19.83l1.16 1.09c2.67 2.52 6.2 3.92 9.88 3.92 13 0 19.36-15.86 9.95-24.84l-28.7-27.4a3.454 3.454 0 0 1 0-4.989l28.7-27.401C-1.391 7.36 0 3.65 0 0"
transform="translate(254.53 112.636)"
fill="#e2ca00"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-43.84-41.24a14.413 14.413 0 0 0-9.88-3.92c-4.63 0-8.42 2.01-10.96 5.01L-22 0c5.52 5.189 5.52 13.96 0 19.149L-64.68 59.3c2.54 3 6.33 5.01 10.96 5.01 3.67 0 7.2-1.401 9.88-3.92L0 19.149C5.52 13.96 5.52 5.189 0 0"
transform="translate(459.92 143.276)"
fill="#e2ca00"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-2.13-.46-4.32-1.439-6.45L-45.91-82.89a15.375 15.375 0 0 0-13.96-8.93c-3.12 0-5.94.9-8.29 2.41 2.431 1.56 4.42 3.8 5.681 6.52L-18.01-6.45c.981 2.13 1.44 4.32 1.44 6.45 0 5.25-2.75 10.17-7.11 12.97a15.44 15.44 0 0 0 8.28 2.41C-6.52 15.38 0 8.09 0 0"
transform="translate(359.84 192.206)"
fill="#e2ca00"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<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-24.585h-22.885c-6.789 0-12.293 5.503-12.293 12.292S-29.674 0-22.885 0z"
transform="translate(48.281 475.32)"
fill="#acacac"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M166.572 445.437h34.792v35.178h-34.792z"
fill="#f4d902"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M183.968 445.437h17.396v35.178h-17.396z"
fill="#e2ca00"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<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="#5a5a5a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M166.57 445.436h-20v35.181h20z"
fill="#444"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<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 0v-35.178h133.845c9.714 0 17.589 7.875 17.589 17.589C151.434-7.875 143.559 0 133.845 0z"
transform="translate(201.364 480.615)"
fill="#5a5a5a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-9.71-7.88-17.591-17.59-17.591h-21.46c9.72 0 17.59 7.881 17.59 17.591 0 4.859-1.97 9.25-5.15 12.439a17.536 17.536 0 0 1-12.44 5.151h21.46c4.851 0 9.25-1.97 12.441-5.151A17.56 17.56 0 0 0 0 0"
transform="translate(352.8 463.026)"
fill="#444"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<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