Add icons to this collection by clicking the heart icon.
Coding icon - also known as interface, keyboard, website, multimedia, browser, web page, coding, html, and art and design. Created in a clean flat style with a silver, gray, red, teal, orange, and pink 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 64 64"
>
<rect width="46" height="46" x="9" y="7" rx="3" ry="3" fill="#dfd9d3" />
<path d="M55 10a3 3 0 0 0-3-3H12a3 3 0 0 0-3 3v5h46Z" fill="#0071bc" />
<path d="M12 10h2v2h-2z" fill="#da4836" />
<path d="M16 10h2v2h-2z" fill="#f8cf26" />
<path d="M20 10h2v2h-2z" fill="#3dbf50" />
<path d="M5 41h40v16H5z" fill="#95866d" />
<path
d="M8 52h2v2H8zM8 48h4v2H8zM14 48h2v2h-2zM18 48h2v2h-2zM22 48h2v2h-2zM26 48h2v2h-2zM30 48h2v2h-2zM34 48h2v2h-2zM38 48h4v2h-4zM8 44h2v2H8zM12 44h2v2h-2zM16 44h2v2h-2zM20 44h2v2h-2zM24 44h2v2h-2zM28 44h2v2h-2zM32 44h2v2h-2zM36 44h2v2h-2zM40 44h2v2h-2zM12 52h2v2h-2zM40 52h2v2h-2zM36 52h2v2h-2zM16 52h18v2H16z"
fill="#514d47"
/>
<path
d="m15.293 24.707-2-2a1 1 0 0 1 0-1.414l2-2 1.414 1.414L15.414 22l1.293 1.293ZM22.707 24.707l-1.414-1.414L22.586 22l-1.293-1.293 1.414-1.414 2 2a1 1 0 0 1 0 1.414Z"
fill="#196aaf"
/>
<path
d="M15.838 21h6.325v1.999h-6.325z"
transform="rotate(-71.547 19 22)"
fill="#196aaf"
/>
<path
d="M27 23h2v2h-2zM13 27h2v2h-2zM13 31h2v2h-2zM13 35h2v2h-2zM17 27h28v2H17zM31 23h2v2h-2zM17 31h4v2h-4zM17 35h4v2h-4zM23 35h4v2h-4zM29 35h4v2h-4zM23 31h4v2h-4zM29 31h4v2h-4zM35 31h4v2h-4zM47 27h4v2h-4z"
fill="#196aaf"
/>
<path
d="M10 60h26v2H10zM6 25H4V9a7.009 7.009 0 0 1 7-7h4v2h-4a5.006 5.006 0 0 0-5 5ZM58 45h2v2h-2zM58 25h2v18h-2z"
fill="#b4b0aa"
/>
<path
d="M56 19H44l-6 4v-4h-2a3 3 0 0 1-3-3V6a3 3 0 0 1 3-3h20a3 3 0 0 1 3 3v10a3 3 0 0 1-3 3Z"
fill="#fbb03b"
/>
<path
d="m38.293 11.707-2-2a1 1 0 0 1 0-1.414l2-2 1.414 1.414L38.414 9l1.293 1.293ZM45.707 11.707l-1.414-1.414L45.586 9l-1.293-1.293 1.414-1.414 2 2a1 1 0 0 1 0 1.414Z"
fill="#f15a24"
/>
<path
d="M38.838 8h6.325v1.999h-6.325z"
transform="rotate(-71.547 42 9)"
fill="#f15a24"
/>
<path
d="M50 8h2v2h-2zM36 14h2v2h-2zM40 14h16v2H40zM54 8h2v2h-2z"
fill="#f15a24"
/>
</svg>
More icons in the same style and category