Add icons to this collection by clicking the heart icon.
Coding icon - also known as computer, interface, screen, data, monitor, web, web design, application, development, website, code, multimedia, browser, web page, programming, hosting, coding, seo and web, and edit tools. Created in a clean lineal color style with a silver, gray, and 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-467.262c-8.284 0-15 6.716-15 15v365.227c0 8.284 6.716 15 15 15H0c8.285 0 15-6.716 15-15V15C15 6.716 8.285 0 0 0"
transform="translate(489.63 58.387)"
fill="#60b8ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-467.262c-8.284 0-15 6.716-15 15v-27c0-8.284 6.716-15 15-15H0c8.285 0 15 6.716 15 15v27C15 6.716 8.285 0 0 0"
transform="translate(489.63 85.387)"
fill="#22a7ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-467.262c-8.284 0-15-6.716-15-15v-59.969H15V-15C15-6.716 8.285 0 0 0"
transform="translate(489.63 453.613)"
fill="#9c8f9a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M7.369 378.645h497.262v27H7.369Z"
fill="#8c808a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-102.466c-8.285 0-15 6.716-15 15v365.227c0 8.284 6.715 15 15 15h467.261c8.285 0 15-6.716 15-15V15c0-8.284-6.715-15-15-15H30"
transform="translate(124.835 58.387)"
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 0h101.125v59.969c0 8.284-6.716 15-15 15h-467.262c-8.285 0-15-6.716-15-15V0H-30"
transform="translate(403.506 378.644)"
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 0a5.072 5.072 0 1 0-10.145 0A5.072 5.072 0 0 0 0 0Z"
transform="translate(58 416.857)"
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 0a5.072 5.072 0 1 0-10.144 0A5.072 5.072 0 0 0 0 0Z"
transform="translate(95.616 416.857)"
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 0a5.072 5.072 0 1 0-10.144 0A5.072 5.072 0 0 0 0 0Z"
transform="translate(133.233 416.857)"
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-206.784"
transform="translate(70.927 322.82)"
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-18.346 17.698L0 35.396"
transform="translate(139.835 285.8)"
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 18.346 17.698L0 35.396"
transform="translate(210.338 285.8)"
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 19.371 38.644"
transform="translate(164.174 284.177)"
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 0h33.672"
transform="translate(121.49 246.238)"
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 0h23.358"
transform="translate(180.31 246.238)"
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 0h87.672"
transform="translate(121.49 132.015)"
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 0h23.358"
transform="translate(234.31 132.015)"
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 0h33.672"
transform="translate(318.007 207.994)"
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 0h23.358"
transform="translate(376.827 207.994)"
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 0h144.686"
transform="translate(146.645 208.121)"
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 0h33.672"
transform="translate(363.007 169.878)"
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 0h23.358"
transform="translate(421.827 169.878)"
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 0h189.686"
transform="translate(146.645 170.005)"
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