Add icons to this collection by clicking the heart icon.
Web Programming icon - also known as computer, keyboard, program, web programming, html, type, html code, and programing language. Created in a clean soft fill style with a black, 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="512"
height="512"
viewBox="0 0 60 60"
>
<rect width="58" height="36" x="1" y="23" fill="#397382" rx="2" />
<rect width="6" height="4" x="5" y="27" fill="#35585e" rx="1" />
<rect width="9" height="4" x="5" y="35" fill="#35585e" rx="1" />
<rect width="4" height="4" x="15" y="27" fill="#35585e" rx="1" />
<rect width="4" height="4" x="23" y="27" fill="#35585e" rx="1" />
<rect width="4" height="4" x="31" y="27" fill="#35585e" rx="1" />
<rect width="4" height="4" x="39" y="27" fill="#35585e" rx="1" />
<rect width="4" height="4" x="18" y="35" fill="#35585e" rx="1" />
<rect width="4" height="4" x="26" y="35" fill="#35585e" rx="1" />
<rect width="4" height="4" x="34" y="35" fill="#35585e" rx="1" />
<rect width="4" height="4" x="42" y="35" fill="#35585e" rx="1" />
<rect width="5" height="4" x="5" y="43" fill="#35585e" rx="1" />
<rect width="7" height="4" x="5" y="51" fill="#35585e" rx="1" />
<rect width="5" height="4" x="42" y="51" fill="#35585e" rx="1" />
<rect width="4" height="4" x="51" y="51" fill="#35585e" rx="1" />
<rect width="22" height="4" x="16" y="51" fill="#35585e" rx="1" />
<rect width="4" height="4" x="14" y="43" fill="#35585e" rx="1" />
<rect width="4" height="4" x="22" y="43" fill="#35585e" rx="1" />
<rect width="4" height="4" x="30" y="43" fill="#35585e" rx="1" />
<rect width="4" height="4" x="38" y="43" fill="#35585e" rx="1" />
<path
fill="#35585e"
d="M54 36v10a1 1 0 0 1-1 1h-6a1 1 0 0 1-1-1v-2a1 1 0 0 1 1-1h2a1 1 0 0 0 1-1v-6a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1z"
/>
<rect width="8" height="4" x="47" y="27" fill="#35585e" rx="1" />
<rect width="48" height="18" x="6" y="1" fill="#fab344" rx="1" />
<g fill="#373737">
<path
d="M57 22H3a3 3 0 0 0-3 3v32a3 3 0 0 0 3 3h54a3 3 0 0 0 3-3V25a3 3 0 0 0-3-3zm1 35a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V25a1 1 0 0 1 1-1h54a1 1 0 0 1 1 1z"
/>
<path
d="M6 32h4a2 2 0 0 0 2-2v-2a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2zm0-4h4v2H6zM6 40h7a2 2 0 0 0 2-2v-2a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2zm0-4h7v2H6zM16 32h2a2 2 0 0 0 2-2v-2a2 2 0 0 0-2-2h-2a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2zm0-4h2v2h-2zM24 32h2a2 2 0 0 0 2-2v-2a2 2 0 0 0-2-2h-2a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2zm0-4h2v2h-2zM32 32h2a2 2 0 0 0 2-2v-2a2 2 0 0 0-2-2h-2a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2zm0-4h2v2h-2zM40 32h2a2 2 0 0 0 2-2v-2a2 2 0 0 0-2-2h-2a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2zm0-4h2v2h-2zM17 36v2a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2v-2a2 2 0 0 0-2-2h-2a2 2 0 0 0-2 2zm4 2h-2v-2h2zM25 36v2a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2v-2a2 2 0 0 0-2-2h-2a2 2 0 0 0-2 2zm4 2h-2v-2h2zM33 36v2a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2v-2a2 2 0 0 0-2-2h-2a2 2 0 0 0-2 2zm4 2h-2v-2h2zM45 34h-2a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2v-2a2 2 0 0 0-2-2zm-2 4v-2h2v2zM6 48h3a2 2 0 0 0 2-2v-2a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2zm0-4h3v2H6zM11 50H6a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2h5a2 2 0 0 0 2-2v-2a2 2 0 0 0-2-2zm-5 4v-2h5v2zM46 50h-3a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2h3a2 2 0 0 0 2-2v-2a2 2 0 0 0-2-2zm-3 4v-2h3v2zM54 50h-2a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2v-2a2 2 0 0 0-2-2zm-2 4v-2h2v2zM37 50H17a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2h20a2 2 0 0 0 2-2v-2a2 2 0 0 0-2-2zm-20 4v-2h20v2zM17 48a2 2 0 0 0 2-2v-2a2 2 0 0 0-2-2h-2a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2zm-2-4h2v2h-2zM23 42a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2v-2a2 2 0 0 0-2-2zm0 4v-2h2v2zM31 42a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2v-2a2 2 0 0 0-2-2zm0 4v-2h2v2zM43 46v-2a2 2 0 0 0-2-2h-2a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2zm-4-2h2v2h-2zM45 44v2a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V36a2 2 0 0 0-2-2h-2a2 2 0 0 0-2 2v6h-2a2 2 0 0 0-2 2zm6-2v-6h2v10h-6v-2h2a2 2 0 0 0 2-2zM54 26h-6a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2v-2a2 2 0 0 0-2-2zm-6 4v-2h6v2zM6 7a1 1 0 0 0-1 1v10a2 2 0 0 0 2 2h46a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H7a2 2 0 0 0-2 2v2a1 1 0 0 0 2 0V2h46v16H7V8a1 1 0 0 0-1-1z"
/>
<path
d="M14.707 5.293a1 1 0 0 0-1.414 0l-4 4a1 1 0 0 0 0 1.414l4 4a1 1 0 0 0 1.414-1.414L11.414 10l3.293-3.293a1 1 0 0 0 0-1.414zM45.293 14.707a1 1 0 0 0 1.414 0l4-4a1 1 0 0 0 0-1.414l-4-4a1 1 0 0 0-1.414 1.414L48.586 10l-3.293 3.293a1 1 0 0 0 0 1.414zM18 6a1 1 0 0 0-1 1v6a1 1 0 0 0 2 0v-2h2v2a1 1 0 0 0 2 0V7a1 1 0 0 0-2 0v2h-2V7a1 1 0 0 0-1-1zM27 14a1 1 0 0 0 1-1V8a1 1 0 0 0 0-2h-2a1 1 0 0 0 0 2v5a1 1 0 0 0 1 1zM36 14a1 1 0 0 0 1-1V7a1 1 0 0 0-1.832-.555L34 8.2l-1.168-1.755A1 1 0 0 0 31 7v6a1 1 0 0 0 2 0v-2.7l.168.252a1.039 1.039 0 0 0 1.664 0L35 10.3V13a1 1 0 0 0 1 1zM40 6a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2a1 1 0 0 0 0-2h-1V7a1 1 0 0 0-1-1z"
/>
</g>
</svg>
More icons in the same style and category