Add icons to this collection by clicking the heart icon.
Web Coding icon - also known as computer, smartphone, mobile, code, coding, programing, responsive, seo and web, and web coding. Created in a clean flat style with a white, red, olive, 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"
>
<path fill="#ffb655" d="M3 11h50v40a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V11z" />
<path fill="#ffdaaa" d="M7 15h50v40a2 2 0 0 1-2 2H9a2 2 0 0 1-2-2V15z" />
<path fill="#ffc477" d="M15 57h40a2 2 0 0 0 2-2V15a42 42 0 0 1-42 42z" />
<path
fill="#004fac"
d="M7 9a2 2 0 0 1 2-2h44V5a2.006 2.006 0 0 0-2-2H5a2.006 2.006 0 0 0-2 2v6h4z"
/>
<path fill="#005ece" d="M55 7H9a2 2 0 0 0-2 2v6h50V9a2 2 0 0 0-2-2z" />
<path fill="#004fac" d="M39 57a4 4 0 0 0 4 4h14a4 4 0 0 0 4-4v-2H39z" />
<path fill="#ffcd00" d="M39 29h22v26H39z" />
<path fill="#ebbf00" d="M39 55h22V33a22 22 0 0 1-22 22z" />
<g fill="#5eac24">
<path
d="M20 23v-2a3 3 0 0 0-6 0v2a3 3 0 0 0 6 0zm-2 0a1 1 0 0 1-2 0v-2a1 1 0 0 1 2 0zM25 26a3 3 0 0 0 3-3v-2a3 3 0 0 0-6 0v2a3 3 0 0 0 3 3zm-1-5a1 1 0 0 1 2 0v2a1 1 0 0 1-2 0zM33 18a3 3 0 0 0-3 3v2a3 3 0 0 0 6 0v-2a3 3 0 0 0-3-3zm1 5a1 1 0 0 1-2 0v-2a1 1 0 0 1 2 0zM41 18a3 3 0 0 0-3 3v2a3 3 0 0 0 6 0v-2a3 3 0 0 0-3-3zm1 5a1 1 0 0 1-2 0v-2a1 1 0 0 1 2 0zM13 46a3 3 0 0 0-3 3v2a3 3 0 0 0 6 0v-2a3 3 0 0 0-3-3zm1 5a1 1 0 0 1-2 0v-2a1 1 0 0 1 2 0zM21 46a3 3 0 0 0-3 3v2a3 3 0 0 0 6 0v-2a3 3 0 0 0-3-3zm1 5a1 1 0 0 1-2 0v-2a1 1 0 0 1 2 0zM29 46a3 3 0 0 0-3 3v2a3 3 0 0 0 6 0v-2a3 3 0 0 0-3-3zm1 5a1 1 0 0 1-2 0v-2a1 1 0 0 1 2 0zM25 35a3 3 0 0 0 3-3v-2a3 3 0 0 0-6 0v2a3 3 0 0 0 3 3zm-1-5a1 1 0 0 1 2 0v2a1 1 0 0 1-2 0zM33 27a3 3 0 0 0-3 3v2a3 3 0 0 0 6 0v-2a3 3 0 0 0-3-3zm1 5a1 1 0 0 1-2 0v-2a1 1 0 0 1 2 0zM11 26a1 1 0 0 0 1-1v-6a1 1 0 0 0-2 0v6a1 1 0 0 0 1 1zM35 46a1 1 0 0 0-1 1v6a1 1 0 0 0 2 0v-6a1 1 0 0 0-1-1zM13 27a3 3 0 0 0-3 3v2a3 3 0 0 0 6 0v-2a3 3 0 0 0-3-3zm1 5a1 1 0 0 1-2 0v-2a1 1 0 0 1 2 0zM20 28a1 1 0 0 0-2 0v6a1 1 0 0 0 2 0zM28 42v-2a3 3 0 0 0-6 0v2a3 3 0 0 0 6 0zm-2 0a1 1 0 0 1-2 0v-2a1 1 0 0 1 2 0zM33 37a3 3 0 0 0-3 3v2a3 3 0 0 0 6 0v-2a3 3 0 0 0-3-3zm1 5a1 1 0 0 1-2 0v-2a1 1 0 0 1 2 0zM13 37a3 3 0 0 0-3 3v2a3 3 0 0 0 6 0v-2a3 3 0 0 0-3-3zm1 5a1 1 0 0 1-2 0v-2a1 1 0 0 1 2 0zM19 37a1 1 0 0 0-1 1v6a1 1 0 0 0 2 0v-6a1 1 0 0 0-1-1z"
/>
</g>
<path
fill="#f1f2f2"
d="M12 10h-1a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2zM17 10h-1a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2zM22 10h-1a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2zM51 57h-2a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2z"
/>
<path
fill="#ff5023"
d="M46.707 37.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.414L43.414 42l3.293-3.293a1 1 0 0 0 0-1.414zM58.707 41.293l-4-4a1 1 0 0 0-1.414 1.414L56.586 42l-3.293 3.293a1 1 0 1 0 1.414 1.414l4-4a1 1 0 0 0 0-1.414zM52.275 34.039a1 1 0 0 0-1.236.686l-4 14a1 1 0 0 0 .686 1.236A.977.977 0 0 0 48 50a1 1 0 0 0 .961-.725l4-14a1 1 0 0 0-.686-1.236z"
/>
<path
fill="#5eac24"
d="M47 18a1 1 0 0 0-1 1v4h2v-4a1 1 0 0 0-1-1zM51 18a1 1 0 0 0-1 1v4h2v-4a1 1 0 0 0-1-1z"
/>
<path fill="#004fac" d="M57 23H43a4 4 0 0 0-4 4v2h22v-2a4 4 0 0 0-4-4z" />
<path fill="#f1f2f2" d="M51 25h-2a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2z" />
</svg>
More icons in the same style and category