Add icons to this collection by clicking the heart icon.
Responsive icon - also known as computer, smartphone, mobile phone, monitor, web design, cellphone, layout, electronics, responsive, art and design, seo and web, and adaptive. Created in a clean lineal color style with a black, teal, and navy 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 55"
>
<g fill="none" fill-rule="nonzero">
<path
fill="#283593"
d="m45 36-4.92 2-1.52-.6L35 36a8.76 8.76 0 0 0 2-6l1.48-1 1.48-1L43 30a8.76 8.76 0 0 0 2 6Z"
/>
<path
fill="#3F51B5"
d="m42 36-3.44 1.4L35 36a8.76 8.76 0 0 0 2-6l1.48-1L40 30a8.76 8.76 0 0 0 2 6Z"
/>
<path
fill="#0377BC"
d="M59 22v6a2.006 2.006 0 0 1-2 2H23a2.006 2.006 0 0 1-2-2v-6h38Z"
/>
<path
fill="#02A9F4"
d="M56 22v6a2.006 2.006 0 0 1-2 2H23a2.006 2.006 0 0 1-2-2v-6h35Z"
/>
<path
fill="#0377BC"
d="M47 38a2.015 2.015 0 0 1-2 2H35a2.006 2.006 0 0 1-2-2 2.015 2.015 0 0 1 2-2h10a2.006 2.006 0 0 1 2 2Z"
/>
<path
fill="#02A9F4"
d="M44 38a2.015 2.015 0 0 1-2 2h-7a2.006 2.006 0 0 1-2-2 2.015 2.015 0 0 1 2-2h7a2.006 2.006 0 0 1 2 2Z"
/>
<path
fill="#0377BC"
d="M17 28v4H1v-4a2.006 2.006 0 0 1 2-2h12a2.006 2.006 0 0 1 2 2ZM17 48v4a2.006 2.006 0 0 1-2 2H3a2.006 2.006 0 0 1-2-2v-4h16Z"
/>
<path
fill="#02A9F4"
d="M14 28v4H1v-4a2.006 2.006 0 0 1 2-2h9a2.006 2.006 0 0 1 2 2ZM14 48v4a2.006 2.006 0 0 1-2 2H3a2.006 2.006 0 0 1-2-2v-4h13Z"
/>
<path
fill="#00695C"
d="M59 3v21H21V3a2.006 2.006 0 0 1 2-2h34c.208-.003.414.031.61.1.275.081.526.229.73.43.422.372.662.908.66 1.47Z"
/>
<path
fill="#009688"
d="M56 3v21H21V3a2.006 2.006 0 0 1 2-2h31c.208-.003.414.031.61.1.275.081.526.229.73.43.422.372.662.908.66 1.47Z"
/>
<path fill="#00838F" d="M1 32h16v16H1z" />
<path fill="#009688" d="M1 32h13v16H1z" />
<path
fill="#000"
d="M15 55H3a3 3 0 0 1-3-3V28a3 3 0 0 1 3-3h12a3 3 0 0 1 3 3v24a3 3 0 0 1-3 3ZM3 27a1 1 0 0 0-1 1v24a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V28a1 1 0 0 0-1-1H3ZM57 31H23a3 3 0 0 1-3-3V3a3 3 0 0 1 3-3h34a3 3 0 0 1 3 3v25a3 3 0 0 1-3 3ZM23 2a1 1 0 0 0-1 1v25a1 1 0 0 0 1 1h34a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1H23ZM45 41H35a3 3 0 0 1 0-6h10a3 3 0 0 1 0 6Zm-10-4a1 1 0 0 0 0 2h10a1 1 0 0 0 0-2H35Z"
/>
<path
fill="#000"
d="M45 37H35a1 1 0 0 1-.707-1.707A7.807 7.807 0 0 0 36 30a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1 7.794 7.794 0 0 0 1.713 5.3A1 1 0 0 1 45 37Zm-8.134-2h6.268a10.666 10.666 0 0 1-1.095-4h-4.078a10.666 10.666 0 0 1-1.095 4ZM59 25H21a1 1 0 0 1 0-2h38a1 1 0 0 1 0 2Z"
/>
<circle cx="40" cy="27" r="1" fill="#000" />
<path fill="#000" d="M10 30H8a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2Z" />
<circle cx="9" cy="51" r="1" fill="#000" />
<path
fill="#000"
d="M17 49H1a1 1 0 0 1-1-1V32a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1ZM2 47h14V33H2v14Z"
/>
<path
fill="#000"
d="M11 45H5a1 1 0 0 1-1-1v-6a1 1 0 0 1 2 0v5h5a1 1 0 0 1 0 2Z"
/>
<path
fill="#000"
d="M5 45a1 1 0 0 1-.707-1.707l8-8a1 1 0 0 1 1.414 1.414l-8 8A1 1 0 0 1 5 45ZM55 12a1 1 0 0 1-1-1V6h-5a1 1 0 0 1 0-2h6a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1Z"
/>
<path
fill="#000"
d="M47 14a1 1 0 0 1-.707-1.707l8-8a1 1 0 1 1 1.414 1.414l-8 8A1 1 0 0 1 47 14ZM1 5a1 1 0 0 1-1-1V1a1 1 0 0 1 1-1h3a1 1 0 1 1 0 2H2v2a1 1 0 0 1-1 1ZM59 55h-3a1 1 0 0 1 0-2h2v-2a1 1 0 0 1 2 0v3a1 1 0 0 1-1 1ZM1 11a1 1 0 0 1-1-1V8a1 1 0 1 1 2 0v2a1 1 0 0 1-1 1ZM1 17a1 1 0 0 1-1-1v-2a1 1 0 0 1 2 0v2a1 1 0 0 1-1 1ZM1 23a1 1 0 0 1-1-1v-2a1 1 0 0 1 2 0v2a1 1 0 0 1-1 1ZM10 2H8a1 1 0 1 1 0-2h2a1 1 0 0 1 0 2ZM16 2h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2ZM52 55h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2ZM46 55h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2ZM40 55h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2ZM34 55h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2ZM28 55h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2ZM22 55h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2ZM59 48a1 1 0 0 1-1-1v-2a1 1 0 0 1 2 0v2a1 1 0 0 1-1 1ZM59 42a1 1 0 0 1-1-1v-2a1 1 0 0 1 2 0v2a1 1 0 0 1-1 1ZM59 36a1 1 0 0 1-1-1v-2a1 1 0 0 1 2 0v2a1 1 0 0 1-1 1ZM26 6h-1a1 1 0 0 1 0-2h1a1 1 0 0 1 0 2ZM38 6h-8a1 1 0 0 1 0-2h8a1 1 0 0 1 0 2Z"
/>
</g>
</svg>
More icons in the same style and category