Add icons to this collection by clicking the heart icon.
Coding icon - also known as technology, computer, interface, gear, cogwheel, browser, ui, software, coding, and operating system. Created in a clean lineal color style with a white, silver, 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 0v-48.486c0-13.84-11.219-25.059-25.059-25.059h-446.882c-13.84 0-25.059 11.219-25.059 25.059V0Z"
transform="translate(504.5 200.386)"
fill="#e3edf6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-265.286h-497V0c0 13.839 11.219 25.059 25.059 25.059h446.882C-11.219 25.059 0 13.839 0 0"
transform="translate(504.5 465.672)"
fill="#a4fef1"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-133.734l12.459 62.267H-12.46Z"
transform="translate(322.867 64.574)"
fill="#e3edf6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M372.897 21.27H139.102v43.305h233.795z"
fill="#e3edf6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v48.486h-20V0c0-13.84 11.219-25.059 25.059-25.059h20C11.219-25.059 0-13.84 0 0"
transform="translate(27.5 151.9)"
fill="#c5d9ec"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-20c-13.839 0-25.059-11.22-25.059-25.059v-265.286h20v265.286C-25.059-11.22-13.839 0 0 0"
transform="translate(52.559 490.73)"
fill="#71e4bf"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-12.459-62.267h20L20 0Z"
transform="translate(201.592 126.84)"
fill="#c5d9ec"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M139.102 21.27h20v43.305h-20z"
fill="#c5d9ec"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-42.851v81.262l-17.768 12.559v5.033l17.768 12.56v81.263H0"
transform="translate(103.285 249.22)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h42.851v81.262l17.767 12.559v5.033l-17.767 12.56v81.263H0"
transform="translate(408.715 249.22)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h33.333"
transform="translate(109.161 410.74)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h33.333"
transform="translate(156.495 410.74)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h33.333"
transform="translate(369.506 410.74)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h93.333"
transform="translate(204.828 410.74)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h43.333"
transform="translate(312.828 410.74)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h33.333"
transform="translate(282.506 367.285)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h73.333"
transform="translate(329.506 367.285)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h43.333"
transform="translate(225.828 367.285)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h33.333"
transform="translate(202.172 323.83)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h73.334"
transform="translate(249.172 323.83)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h43.333"
transform="translate(145.495 323.83)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h103.333"
transform="translate(109.161 367.285)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h23.333"
transform="translate(109.161 323.83)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h29.333"
transform="translate(373.506 323.83)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h23.334"
transform="translate(337.494 323.83)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h47.333"
transform="translate(109.252 280.376)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h29.333"
transform="translate(207.585 280.376)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h23.333"
transform="translate(171.575 280.376)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h153.333"
transform="translate(249.505 280.376)"
fill="none"
stroke="#fff"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="15,15,15,15,350"
stroke-dashoffset="0"
stroke-opacity="1"
/>
<path
d="M0 0h44.5c13.84 0 25.06 11.22 25.06 25.061V73.55h-497V25.061C-427.44 11.22-416.22 0-402.38 0H-15"
transform="translate(434.94 126.84)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-44.5c-13.84 0-25.06-11.221-25.06-25.061v-265.28h497v265.28C427.44-11.221 416.22 0 402.38 0H15"
transform="translate(77.06 490.73)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-133.734l12.459 62.267H-12.46Z"
transform="translate(322.867 64.574)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M372.897 21.27H139.102v43.305h233.795z"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M263.5 156.113h-15v15h15z"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
</svg>
More icons in the same style and category