Add icons to this collection by clicking the heart icon.
Coding icon - also known as computer, interface, development, website, code, ui, web programming, web development, web page, developer, programming, coding, and seo and web. Created in a clean lineal color style with a white, gray, and yellow 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="512"
height="512"
viewBox="0 0 90 90"
>
<g>
<g>
<path d="M58 45h5v6h-5z" fill="#8d92b3" />
<path
d="M30.54 86.57A19.988 19.988 0 0 1 1 69a20 20 0 0 1 20-20 20 20 0 0 1 19.9 18.01A18.674 18.674 0 0 1 41 69a19.97 19.97 0 0 1-10.46 17.57Z"
fill="#dadeea"
/>
<path
d="M63 51v-6h-5v6Zm13-18v30a4 4 0 0 1-4 4H62v5s-1-5-10-5H41l-.1.01a19.989 19.989 0 0 0-10.96-15.9L30 51V33a4 4 0 0 1 4-4h38a4 4 0 0 1 4 4Z"
fill="#8d92b3"
/>
<path
d="m81 70 .14.1a44.06 44.06 0 0 1-50.6 16.47A19.97 19.97 0 0 0 41 69a18.674 18.674 0 0 0-.1-1.99L41 67h11c9 0 10 5 10 5v-5h10a4 4 0 0 0 4-4V33a4 4 0 0 0-4-4H34a4 4 0 0 0-4 4v18l-.06.11A20 20 0 0 0 9 53V24h72Z"
fill="#f1f2f2"
/>
<path d="M81 20v4H68V12h11a2.006 2.006 0 0 1 2 2Z" fill="#dadeea" />
<circle cx="23" cy="18" r="2" fill="#f1f2f2" />
<circle cx="15" cy="18" r="2" fill="#f1f2f2" />
<path
d="M68 12v12H9V14a2.006 2.006 0 0 1 2-2h57Zm-43 6a2 2 0 1 0-2 2 2.006 2.006 0 0 0 2-2Zm-8 0a2 2 0 1 0-2 2 2.006 2.006 0 0 0 2-2Z"
fill="#5a87f6"
/>
<path
d="M81.21 20a44.009 44.009 0 0 1-.07 50.1L81 70V20ZM9 24v29a19.808 19.808 0 0 0-5.41 6.18L3.27 59A44.108 44.108 0 0 1 9 19.7ZM74 11.91V12H16v-.09a44 44 0 0 1 58 0Z"
fill="#ffde17"
/>
<path
d="m82.032 19.432-.032.022V14a3 3 0 0 0-3-3h-4.53a44.976 44.976 0 0 0-58.94 0H11a3 3 0 0 0-3 3v5.394a45.093 45.093 0 0 0-5.679 39.922l.082-.027a20.97 20.97 0 0 0 28.22 28.359 45 45 0 0 0 51.409-68.216ZM88 45a42.711 42.711 0 0 1-6 21.915V23.089A42.752 42.752 0 0 1 88 45Zm-8-31v9H69V13h10a1 1 0 0 1 1 1ZM45 2a42.953 42.953 0 0 1 26.31 9H18.69A42.953 42.953 0 0 1 45 2ZM11 13h56v10H10v-9a1 1 0 0 1 1-1ZM2 45a42.685 42.685 0 0 1 6-21.921v29.454a20.707 20.707 0 0 0-4.278 4.56A43.168 43.168 0 0 1 2 45Zm0 24a18.911 18.911 0 0 1 2.463-9.333A18.953 18.953 0 0 1 21 50a19 19 0 0 1 18.905 17.108v.008A17.723 17.723 0 0 1 40 69a18.968 18.968 0 0 1-9.566 16.473l-.115-.04-.045.134c-.072.04-.141.086-.213.125A18.988 18.988 0 0 1 2 69Zm39.777-3A20.849 20.849 0 0 0 31 50.547V33a3 3 0 0 1 3-3h38a3 3 0 0 1 3 3v30a3 3 0 0 1-3 3H62a1 1 0 0 0-1 1v1.71C59.453 67.325 56.736 66 52 66ZM45 88a43.109 43.109 0 0 1-12.086-1.728A20.961 20.961 0 0 0 42 69c0-.341-.009-.674-.024-1H52c7.97 0 8.982 4.037 9.02 4.2a1 1 0 0 0 .98.8h.1a1 1 0 0 0 .9-1v-4h9a5.006 5.006 0 0 0 5-5V33a5.006 5.006 0 0 0-5-5H34a5.006 5.006 0 0 0-5 5v16.588a20.959 20.959 0 0 0-19 1.529V25h70v44.958A43.056 43.056 0 0 1 45 88Z"
/>
<path
d="M15 21a3 3 0 1 0-3-3 3 3 0 0 0 3 3Zm0-4a1 1 0 1 1-1 1 1 1 0 0 1 1-1ZM23 21a3 3 0 1 0-3-3 3 3 0 0 0 3 3Zm0-4a1 1 0 1 1-1 1 1 1 0 0 1 1-1ZM72 15h5v2h-5zM72 19h5v2h-5zM57 56h2v-4h3v4h2v-4h3v-2h-3v-4h3v-2h-3v-4h-2v4h-3v-4h-2v4h-3v2h3v4h-3v2h3Zm2-10h3v4h-3ZM44 42a4 4 0 0 1 4 4h2a6 6 0 0 0-12 0v4a6 6 0 0 0 12 0h-2a4 4 0 0 1-8 0v-4a4 4 0 0 1 4-4ZM12.293 61.293l-7 7a1 1 0 0 0 0 1.414l7 7 1.414-1.414L7.414 69l6.293-6.293ZM16.057 77.667l6-17 1.887.666-6 17zM36.707 68.293l-7-7-1.414 1.414L34.586 69l-6.293 6.293 1.414 1.414 7-7a1 1 0 0 0 0-1.414Z"
/>
</g>
</g>
</svg>
More icons in the same style and category