Add icons to this collection by clicking the heart icon.
Front End icon - also known as computer, pencil, setting, code, programming, coding, labels, title, seo and web, and front end. Created in a clean flat 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="512"
height="512"
viewBox="0 0 512 512"
>
<path
fill="#463c4b"
d="M464 376H32V168c0-17.673 14.327-32 32-32h368c17.673 0 32 14.327 32 32z"
/>
<path
fill="#555a6e"
d="M432 376H32V168c0-17.673 14.327-32 32-32h336c17.673 0 32 14.327 32 32z"
/>
<path
fill="#a5c3dc"
d="M64 416h368c17.673 0 32-14.327 32-32v-8H32v8c0 17.673 14.327 32 32 32z"
/>
<path
fill="#d7e6f0"
d="M400 416H64c-17.673 0-32-14.327-32-32v-8h400v8c0 17.673-14.327 32-32 32z"
/>
<path fill="#a5c3dc" d="M200 416h72v32h-72z" />
<path
fill="#d7e6f0"
d="M200 432h48v16h-48zM312 472H152v-8c0-8.837 7.163-16 16-16h128c8.837 0 16 7.163 16 16z"
/>
<path
fill="#a5c3dc"
d="M312 472h-48v-8c0-8.837 7.163-16 16-16h16c8.837 0 16 7.163 16 16z"
/>
<path
fill="#d7e6f0"
d="M464 344H320c-8.837 0-16-7.163-16-16V56c0-8.837 7.163-16 16-16h144c8.837 0 16 7.163 16 16v272c0 8.837-7.163 16-16 16z"
/>
<path
fill="#289bc3"
d="M440 320h-96c-8.837 0-16-7.163-16-16V96c0-8.837 7.163-16 16-16h96c8.837 0 16 7.163 16 16v208c0 8.837-7.163 16-16 16z"
/>
<path fill="#555a6e" d="M404 64h-24a4 4 0 0 1 0-8h24a4 4 0 0 1 0 8z" />
<path
fill="#00d2d2"
d="M424 200h-64a8 8 0 0 1-8-8v-80a8 8 0 0 1 8-8h64a8 8 0 0 1 8 8v80a8 8 0 0 1-8 8zM376 248h-16a8 8 0 0 1-8-8v-16a8 8 0 0 1 8-8h16a8 8 0 0 1 8 8v16a8 8 0 0 1-8 8z"
/>
<path
fill="#ff8caf"
d="M424 296h-64a8 8 0 0 1-8-8v-16a8 8 0 0 1 8-8h64a8 8 0 0 1 8 8v16a8 8 0 0 1-8 8z"
/>
<path
fill="#00d2d2"
d="M424 248h-16a8 8 0 0 1-8-8v-16a8 8 0 0 1 8-8h16a8 8 0 0 1 8 8v16a8 8 0 0 1-8 8z"
/>
<path
fill="#d7e6f0"
d="M120 308a11.963 11.963 0 0 1-8.485-3.515l-40-40c-4.686-4.687-4.686-12.284 0-16.971l40-40c4.687-4.686 12.284-4.686 16.971 0 4.686 4.687 4.686 12.284 0 16.971L96.971 256l31.515 31.515c4.686 4.687 4.686 12.284 0 16.971A11.97 11.97 0 0 1 120 308zM232 308a11.963 11.963 0 0 1-8.485-3.515c-4.686-4.687-4.686-12.284 0-16.971L255.029 256l-31.515-31.515c-4.686-4.687-4.686-12.284 0-16.971 4.687-4.686 12.284-4.686 16.971 0l40 40c4.687 4.687 4.687 12.284 0 16.971l-40 40A11.963 11.963 0 0 1 232 308zM159.996 308.003c-1.483 0-2.991-.276-4.453-.861-6.153-2.461-9.146-9.445-6.685-15.599l32-80c2.461-6.153 9.444-9.147 15.598-6.685 6.153 2.461 9.146 9.445 6.685 15.599l-32 80c-1.876 4.691-6.383 7.546-11.145 7.546z"
/>
</svg>
More icons in the same style and category