Add icons to this collection by clicking the heart icon.
Coding icon - also known as smartphone, pencil, setting, code, programming, coding, seo and web, ux design, ui design, and front end. 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.66669"
height="682.66669"
viewBox="0 0 682.66669 682.66669"
>
<defs>
<clipPath clipPathUnits="userSpaceOnUse" id="clipPath6509">
<path d="M 0,512 H 512 V 0 H 0 Z" id="path6507" />
</clipPath>
</defs>
<g id="g6501" transform="matrix(1.3333333,0,0,-1.3333333,0,682.66667)">
<g id="g6503">
<g id="g6505" clip-path="url(#clipPath6509)">
<g id="g6511" transform="translate(331.3828,7.6055)">
<path
d="m 0,0 h -209.624 c -16.224,0 -29.375,13.151 -29.375,29.374 v 438.04 c 0,16.224 13.151,29.375 29.375,29.375 H 0 c 16.224,0 29.375,-13.151 29.375,-29.375 V 29.374 C 29.375,13.151 16.224,0 0,0"
id="path6513"
fill="#fd8087"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g6515" transform="translate(360.7588,475.0225)">
<path
d="m 0,0 v -438.045 c 0,-16.216 -13.149,-29.376 -29.376,-29.376 h -20.087 c 16.216,0 29.376,13.16 29.376,29.376 V 0 c 0,16.216 -13.16,29.376 -29.376,29.376 h 20.087 C -13.149,29.376 0,16.216 0,0"
id="path6517"
fill="#fe646f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g6519" transform="translate(331.3828,7.6055)">
<path
d="m 0,0 h -209.624 c -16.224,0 -29.375,13.151 -29.375,29.374 v 438.04 c 0,16.224 13.151,29.375 29.375,29.375 H 0 c 16.224,0 29.375,-13.151 29.375,-29.375 V 29.374 C 29.375,13.151 16.224,0 0,0 Z"
id="path6521"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g6523" transform="translate(331.3828,7.6055)">
<path
d="m 0,0 h -209.624 c -16.224,0 -29.375,13.151 -29.375,29.374 V 80.442 H 29.375 V 29.374 C 29.375,13.151 16.224,0 0,0"
id="path6525"
fill="#cecece"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g6527" transform="translate(360.7588,88.0488)">
<path
d="m 0,0 v -51.071 c 0,-16.216 -13.149,-29.376 -29.376,-29.376 h -20.087 c 16.216,0 29.376,13.16 29.376,29.376 V 0 Z"
id="path6529"
fill="#c0c0c0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g6531" transform="translate(172.2939,88.0479)">
<path
d="m 0,0 h 188.464 v -51.068 c 0,-16.223 -13.152,-29.374 -29.375,-29.374 H -50.535 c -16.224,0 -29.375,13.151 -29.375,29.374 V 0 h 44.829"
id="path6533"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g6535" transform="translate(218.3721,47.8262)">
<path
d="M 0,0 H 16.397"
id="path6537"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<path
d="M 419.616,384.511 H 278.2 v 86.645 h 141.416 z"
id="path6539"
fill="#fddba6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m 419.616,384.511 h -20 v 86.645 h 20 z"
id="path6541"
fill="#fece85"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<g id="g6543" transform="translate(359.0176,451.1592)">
<path
d="M 0,0 -18.556,-46.653"
id="path6545"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g6547" transform="translate(378.998,448.9229)">
<path
d="M 0,0 12.461,-20.668 0,-42.18"
id="path6549"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g6551" transform="translate(318.8184,448.9229)">
<path
d="M 0,0 -12.461,-20.668 0,-42.18"
id="path6553"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g6555" transform="translate(304.1689,384.5107)">
<path
d="M 0,0 H -25.969 V 86.645 H 115.447 V 0 H 34.833"
id="path6557"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g6559" transform="translate(240.8154,393.9209)">
<path
d="M 0,0 H -22.805"
id="path6561"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g6563" transform="translate(191.1172,393.9209)">
<path
d="M 0,0 H -41.093"
id="path6565"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g6567" transform="translate(240.8154,427.833)">
<path
d="M 0,0 H -72.503"
id="path6569"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g6571" transform="translate(240.8154,461.7441)">
<path
d="M 0,0 H -22.805"
id="path6573"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g6575" transform="translate(191.1172,461.7441)">
<path
d="M 0,0 H -60.101"
id="path6577"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<path
d="M 324.169,265.565 H 128.974 v 83.229 h 195.195 z"
id="path6579"
fill="#fddba6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m 324.169,265.565 h -20 v 83.229 h 20 z"
id="path6581"
fill="#fece85"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M 324.169,265.565 H 128.974 v 83.229 h 195.195 z"
id="path6583"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<g id="g6585" transform="translate(128.9736,348.7939)">
<path
d="M 0,0 195.195,-83.229"
id="path6587"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g6589" transform="translate(324.1689,348.7939)">
<path
d="M 0,0 -195.195,-83.229"
id="path6591"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g6593" transform="translate(128.9736,220.4375)">
<path
d="M 0,0 H 12.072"
id="path6595"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g6597" transform="translate(243.7217,220.4375)">
<path
d="M 0,0 H 12.073"
id="path6599"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g6601" transform="translate(272.1641,121.9004)">
<path
d="M 0,0 H 12.072"
id="path6603"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g6605" transform="translate(172.2939,220.4375)">
<path
d="M 0,0 H 44.031"
id="path6607"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g6609" transform="translate(128.9736,187.5918)">
<path
d="M 0,0 H 12.072"
id="path6611"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g6613" transform="translate(172.2939,187.5918)">
<path
d="M 0,0 H 44.031"
id="path6615"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g6617" transform="translate(256.1846,187.5918)">
<path
d="M 0,0 H 67.984"
id="path6619"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g6621" transform="translate(128.9736,154.7461)">
<path
d="M 0,0 H 12.072"
id="path6623"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g6625" transform="translate(194.3096,154.7461)">
<path
d="M 0,0 H 129.859"
id="path6627"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g6629" transform="translate(128.9736,121.9004)">
<path
d="M 0,0 H 12.072"
id="path6631"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g6633" transform="translate(190.7588,121.9004)">
<path
d="M 0,0 H 46.161"
id="path6635"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</g>
</g>
</g>
</svg>
More icons in the same style and category