Add icons to this collection by clicking the heart icon.
Code icon - also known as computer, interface, screen, education, monitor, web, website, learning, code, multimedia, browser, ui, web page, electronics, coding, and html. Created in a clean flat style with a white, silver, teal, and orange 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="100"
height="100"
viewBox="0 0 512 512"
>
<path
d="M400 172h36v12h-36zM400 368v4c0 11.048-8.952 20-20 20H132c-11.048 0-20-8.952-20-20V172H76v248h360v-52h-36z"
fill="#64b5f6"
/>
<path
d="M500 440H12c-6.616 0-12 5.384-12 12v16c0 6.616 5.384 12 12 12h488c6.616 0 12-5.384 12-12v-16c0-6.616-5.384-12-12-12zm4 28c0 2.208-1.792 4-4 4H12c-2.208 0-4-1.792-4-4v-16c0-2.208 1.792-4 4-4h488c2.208 0 4 1.792 4 4v16zM452 144h-52c-2.208 0-4 1.792-4 4s1.792 4 4 4h52c2.208 0 4 1.792 4 4v28c0 2.208 1.792 4 4 4s4-1.792 4-4v-28c0-6.616-5.384-12-12-12z"
fill="#37474f"
/>
<path
d="M460 364c-2.208 0-4 1.792-4 4v68c0 2.208-1.792 4-4 4H60c-2.208 0-4-1.792-4-4V156c0-2.208 1.792-4 4-4h52c2.208 0 4-1.792 4-4s-1.792-4-4-4H60c-6.616 0-12 5.384-12 12v280c0 6.616 5.384 12 12 12h392c6.616 0 12-5.384 12-12v-68c0-2.208-1.792-4-4-4z"
fill="#37474f"
/>
<path
d="M292 440h-72c-2.208 0-4 1.792-4 4v32c0 2.208 1.792 4 4 4h72c2.208 0 4-1.792 4-4v-32c0-2.208-1.792-4-4-4zm-4 32h-64v-24h64v24z"
fill="#37474f"
/>
<path
d="M128 60V44c0-4.416 3.584-8 8-8h240c4.416 0 8 3.584 8 8v324c0 4.416-3.584 8-8 8H136c-4.416 0-8-3.584-8-8V132"
fill="#ffca28"
/>
<path
d="M376 32H136c-6.616 0-12 5.384-12 12v16c0 2.208 1.792 4 4 4s4-1.792 4-4V44c0-2.208 1.792-4 4-4h240c2.208 0 4 1.792 4 4v324c0 2.208-1.792 4-4 4H136c-2.208 0-4-1.792-4-4V132c0-2.208-1.792-4-4-4s-4 1.792-4 4v236c0 6.616 5.384 12 12 12h240c6.616 0 12-5.384 12-12V44c0-6.616-5.384-12-12-12z"
fill="#37474f"
/>
<path
d="M128 80c-2.208 0-4 1.792-4 4v24c0 2.208 1.792 4 4 4s4-1.792 4-4V84c0-2.208-1.792-4-4-4zM436 168h-36c-2.208 0-4 1.792-4 4s1.792 4 4 4h32v8c0 2.208 1.792 4 4 4s4-1.784 4-4v-12c0-2.208-1.792-4-4-4zM436 364c-2.208 0-4 1.792-4 4v48H80V176h32c2.208 0 4-1.792 4-4s-1.792-4-4-4H76c-2.208 0-4 1.792-4 4v248c0 2.208 1.792 4 4 4h360c2.208 0 4-1.792 4-4v-52c0-2.208-1.792-4-4-4z"
fill="#37474f"
/>
<path
d="M488 200H336c-11.048 0-20 8.952-20 20v16h192v-16c0-11.048-8.952-20-20-20z"
fill="#ef5350"
/>
<path
d="M488 196H336c-13.232 0-24 10.768-24 24v16c0 2.208 1.792 4 4 4h192c2.208 0 4-1.792 4-4v-16c0-13.232-10.768-24-24-24zm16 36H320v-12c0-8.824 7.176-16 16-16h152c8.824 0 16 7.176 16 16v12zM264 96h-80c-2.208 0-4 1.792-4 4s1.792 4 4 4h80c2.208 0 4-1.792 4-4s-1.792-4-4-4zM320 120H208c-2.208 0-4 1.792-4 4s1.792 4 4 4h112c2.208 0 4-1.792 4-4s-1.792-4-4-4zM264 176h-80c-2.208 0-4 1.792-4 4s1.792 4 4 4h80c2.208 0 4-1.792 4-4s-1.792-4-4-4zM280 200h-72c-2.208 0-4 1.792-4 4s1.792 4 4 4h72c2.208 0 4-1.792 4-4s-1.792-4-4-4zM264 256h-80c-2.208 0-4 1.792-4 4s1.792 4 4 4h80c2.208 0 4-1.792 4-4s-1.792-4-4-4zM280 280h-72c-2.208 0-4 1.792-4 4s1.792 4 4 4h72c2.208 0 4-1.792 4-4s-1.792-4-4-4z"
fill="#37474f"
/>
<path
d="M316 236v96c0 11.048 8.952 20 20 20h152c11.048 0 20-8.952 20-20v-96H316z"
fill="#fff"
/>
<path
d="M508 232H316c-2.208 0-4 1.792-4 4v96c0 13.232 10.768 24 24 24h152c13.232 0 24-10.768 24-24v-96c0-2.208-1.792-4-4-4zm-4 100c0 8.824-7.176 16-16 16H336c-8.824 0-16-7.176-16-16v-92h184v92z"
fill="#37474f"
/>
<path
d="m362.664 294 27.728-20.8a3.997 3.997 0 0 0 .8-5.6 3.983 3.983 0 0 0-5.6-.8l-32 24a3.997 3.997 0 0 0 0 6.4l32 24a4 4 0 0 0 2.392.8 3.985 3.985 0 0 0 3.2-1.6 3.997 3.997 0 0 0-.8-5.6l-27.72-20.8zM470.4 290.8l-32-24a4.006 4.006 0 0 0-5.6.8 3.997 3.997 0 0 0 .8 5.6l27.728 20.8-27.728 20.8a3.997 3.997 0 0 0-.8 5.6 3.985 3.985 0 0 0 3.2 1.6 4 4 0 0 0 2.392-.8l32-24c1.008-.752 1.6-1.944 1.6-3.2s-.584-2.448-1.592-3.2zM420.968 258.12a3.964 3.964 0 0 0-4.848 2.912l-16 64a3.997 3.997 0 0 0 3.888 4.968 3.984 3.984 0 0 0 3.872-3.032l16-64a4 4 0 0 0-2.912-4.848z"
fill="#37474f"
/>
</svg>
More icons in the same style and category