Add icons to this collection by clicking the heart icon.
Coding icon - also known as computer, web design, keyboard, ui, coding, and php. Created in a clean lineal color style with a white, silver, gray, black, and teal 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 0c-27.614 0-50 22.386-50 50s22.386 50 50 50 50-22.386 50-50S27.614 0 0 0m121.57 81.669-13.213 31.9 12.498 26.293a905615.746 905615.746 0 0 1-30.992 30.993L63.57 158.356 31.669 171.57 21.915 199h-43.83l-9.754-27.43-31.901-13.214-26.293 12.499a905615.746 905615.746 0 0 1-30.992-30.993l12.498-26.293-13.213-31.9-27.43-9.754v-43.83l27.43-9.754 13.213-31.9-12.498-26.293 30.992-30.993 26.293 12.499 31.901-13.214L-21.915-99h43.83l9.754 27.43L63.57-58.356l26.293-12.499 30.992 30.993-12.498 26.293 13.213 31.9L149 28.085v43.83z"
transform="translate(156 274)"
fill="#d8d7da"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-27.614 0-50 22.386-50 50s22.386 50 50 50 50-22.386 50-50S27.614 0 0 0m0 130c-44.112 0-80-35.888-80-80s35.888-80 80-80S80 5.888 80 50s-35.888 80-80 80"
transform="translate(156 274)"
fill="#b0bec5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-6.903 0-13.605.88-20 2.531V-69H0Z"
transform="translate(156 244)"
fill="#acabb1"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-20v-71.531A79.917 79.917 0 0 0 0-69Z"
transform="translate(156 473)"
fill="#acabb1"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-6.903 0-13.605-.88-20-2.531v-31.641A49.819 49.819 0 0 0 0-30Z"
transform="translate(156 404)"
fill="#90a4ae"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a49.819 49.819 0 0 0-20 4.172v-31.641A79.917 79.917 0 0 1 0-30Z"
transform="translate(156 274)"
fill="#90a4ae"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 8.284-6.716 15-15 15h-250c-8.284 0-15-6.716-15-15v-40H0Z"
transform="translate(436 489)"
fill="#55a3f9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M156 113h79.5v336H156Z"
fill="#424242"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M436 449H235.5V113H436Z"
fill="#616161"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 .53-.82H-.73Z"
transform="translate(320.375 290.32)"
fill="#7cb342"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-360c-8.284 0-15 6.716-15 15v110c0 8.284 6.716 15 15 15H0c8.284 0 15-6.716 15-15V15C15 6.716 8.284 0 0 0"
transform="translate(382.375 7)"
fill="#80cbc4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-360c-8.284 0-15 6.716-15 15V-5c0-8.284 6.716-15 15-15H0c8.284 0 15 6.716 15 15v20C15 6.716 8.284 0 0 0"
transform="translate(382.375 27)"
fill="#26a69a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-360c-8.284 0-15 6.716-15 15v110c0 8.284 6.716 15 15 15l360-.5c8.284 0 15-6.216 15-14.5V15C15 6.716 8.284 0 0 0Z"
transform="translate(382.375 7)"
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 0h38.5c16.568 0 30-13.432 30-30v-186.5c0-16.568-13.432-30-30-30h-77.125"
transform="translate(436 323.5)"
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 0v342.5c0 8.284 6.716 15 15 15h250c8.284 0 15-6.716 15-15v-376h-39"
transform="translate(156 146.5)"
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 0h280"
transform="translate(156 449)"
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 0v-302.5"
transform="translate(235.5 449)"
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-21.83l-9.754 27.43-31.901 13.214-26.293-12.499a905615.746 905615.746 0 0 0-30.992 30.993l12.498 26.293-13.213 31.9-27.43 9.754v43.83l27.43 9.754 13.213 31.9-12.498 26.293 30.992 30.993 26.293-12.499 31.901 13.214L-21.83 298H0"
transform="translate(155.915 175)"
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 0c-44.112 0-80 35.888-80 80s35.888 80 80 80"
transform="translate(156 244)"
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 0c-27.614 0-50 22.386-50 50s22.386 50 50 50"
transform="translate(156 274)"
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 0h226"
transform="translate(37 116.333)"
fill="none"
stroke="#fff"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="15,15,15,15,15,15"
stroke-dashoffset="0"
stroke-opacity="1"
/>
<path
d="M0 0h226"
transform="translate(37 79.167)"
fill="none"
stroke="#fff"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="15,15,15,15,15,15"
stroke-dashoffset="0"
stroke-opacity="1"
/>
<path
d="M0 0h226"
transform="translate(37 42)"
fill="none"
stroke="#fff"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="15,15,166,15,15,15"
stroke-dashoffset="0"
stroke-opacity="1"
/>
<path
d="M0 0h76"
transform="translate(290.5 116.333)"
fill="none"
stroke="#fff"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="15,15,15,15,15,15"
stroke-dashoffset="0"
stroke-opacity="1"
/>
<path
d="M0 0h76"
transform="translate(290.5 78.667)"
fill="none"
stroke="#fff"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="15,15,15,15,15,15"
stroke-dashoffset="0"
stroke-opacity="1"
/>
<path
d="M0 0h75"
transform="translate(186.5 476.5)"
fill="none"
stroke="#fff"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="15,15,15,15,15,15"
stroke-dashoffset="0"
stroke-opacity="1"
/>
<path
d="M0 0h29"
transform="translate(181.5 384.5)"
fill="none"
stroke="#fff"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h29"
transform="translate(181.5 350.5)"
fill="none"
stroke="#fff"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h29"
transform="translate(181.5 316.5)"
fill="none"
stroke="#fff"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h29"
transform="translate(181.5 282.5)"
fill="none"
stroke="#fff"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h29"
transform="translate(181.5 248.5)"
fill="none"
stroke="#fff"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h29"
transform="translate(181.5 214.5)"
fill="none"
stroke="#fff"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 20 23L0 46"
transform="translate(383 223)"
fill="none"
stroke="#fff"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-20-23L0-46"
transform="translate(288 371)"
fill="none"
stroke="#fff"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-115"
transform="translate(413 348)"
fill="none"
stroke="#fff"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="15,15,93,15,15,15"
stroke-dashoffset="0"
stroke-opacity="1"
/>
<path
d="M0 0h153.5"
transform="translate(259.5 295.833)"
fill="none"
stroke="#fff"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="69,15,140,15,15,15"
stroke-dashoffset="0"
stroke-opacity="1"
/>
<path
d="M0 0h113.5"
transform="translate(259.5 246)"
fill="none"
stroke="#fff"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="82,15,15,15,15,15"
stroke-dashoffset="0"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category