Add icons to this collection by clicking the heart icon.
Responsive icon - also known as computer, smartphone, mobile phone, monitor, web design, responsive design, cellphone, layout, electronics, responsive, art and design, seo and web, and adaptive. Created in a clean blue style, 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"
>
<defs>
<linearGradient
id="a"
x1="9.403%"
x2="90.583%"
y1="-9.199%"
y2="114.33%"
>
<stop offset="0%" stop-color="#D3DFF2" />
<stop offset="17.2%" stop-color="#D3DFF2" />
<stop offset="20%" stop-color="#D3DFF2" />
<stop offset="20%" stop-color="#DAE2F2" />
<stop offset="20.1%" stop-color="#EBEAF2" />
<stop offset="20.1%" stop-color="#F6EFF2" />
<stop offset="20.2%" stop-color="#FDF2F2" />
<stop offset="20.5%" stop-color="#FFF3F2" />
<stop offset="25.2%" stop-color="#FFF3F2" />
<stop offset="26%" stop-color="#FFF3F2" />
<stop offset="26%" stop-color="#D3DFF2" />
<stop offset="39.7%" stop-color="#D3DFF2" />
<stop offset="42%" stop-color="#D3DFF2" />
<stop offset="42%" stop-color="#DAE2F2" />
<stop offset="42.1%" stop-color="#EBEAF2" />
<stop offset="42.1%" stop-color="#F6EFF2" />
<stop offset="42.2%" stop-color="#FDF2F2" />
<stop offset="42.5%" stop-color="#FFF3F2" />
<stop offset="48.9%" stop-color="#FFF3F2" />
<stop offset="50%" stop-color="#FFF3F2" />
<stop offset="50%" stop-color="#F8F0F2" />
<stop offset="50%" stop-color="#E7E8F2" />
<stop offset="50%" stop-color="#DCE3F2" />
<stop offset="50%" stop-color="#D5E0F2" />
<stop offset="50.1%" stop-color="#D3DFF2" />
<stop offset="70.6%" stop-color="#D3DFF2" />
<stop offset="74%" stop-color="#D3DFF2" />
<stop offset="74.1%" stop-color="#FFF3F2" />
<stop offset="83.5%" stop-color="#FFF3F2" />
<stop offset="85%" stop-color="#FFF3F2" />
<stop offset="85.1%" stop-color="#D3DFF2" />
</linearGradient>
<linearGradient
id="b"
x1="-5.769%"
x2="105.769%"
y1="4.688%"
y2="95.313%"
>
<stop offset="0%" stop-color="#D3DFF2" />
<stop offset="17.2%" stop-color="#D3DFF2" />
<stop offset="20%" stop-color="#D3DFF2" />
<stop offset="20%" stop-color="#DAE2F2" />
<stop offset="20.1%" stop-color="#EBEAF2" />
<stop offset="20.1%" stop-color="#F6EFF2" />
<stop offset="20.2%" stop-color="#FDF2F2" />
<stop offset="20.5%" stop-color="#FFF3F2" />
<stop offset="25.2%" stop-color="#FFF3F2" />
<stop offset="26%" stop-color="#FFF3F2" />
<stop offset="26%" stop-color="#D3DFF2" />
<stop offset="39.7%" stop-color="#D3DFF2" />
<stop offset="42%" stop-color="#D3DFF2" />
<stop offset="42%" stop-color="#DAE2F2" />
<stop offset="42.1%" stop-color="#EBEAF2" />
<stop offset="42.1%" stop-color="#F6EFF2" />
<stop offset="42.2%" stop-color="#FDF2F2" />
<stop offset="42.5%" stop-color="#FFF3F2" />
<stop offset="48.9%" stop-color="#FFF3F2" />
<stop offset="50%" stop-color="#FFF3F2" />
<stop offset="50%" stop-color="#F8F0F2" />
<stop offset="50%" stop-color="#E7E8F2" />
<stop offset="50%" stop-color="#DCE3F2" />
<stop offset="50%" stop-color="#D5E0F2" />
<stop offset="50.1%" stop-color="#D3DFF2" />
<stop offset="70.6%" stop-color="#D3DFF2" />
<stop offset="74%" stop-color="#D3DFF2" />
<stop offset="74.1%" stop-color="#FFF3F2" />
<stop offset="83.5%" stop-color="#FFF3F2" />
<stop offset="85%" stop-color="#FFF3F2" />
<stop offset="85.1%" stop-color="#D3DFF2" />
</linearGradient>
</defs>
<g fill="none" fill-rule="nonzero">
<path
fill="#CAD9FC"
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="#E8EDFC"
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="#CAD9FC"
d="M59 22v6a2.006 2.006 0 0 1-2 2H23a2.006 2.006 0 0 1-2-2v-6h38Z"
/>
<path
fill="#E8EDFC"
d="M56 22v6a2.006 2.006 0 0 1-2 2H23a2.006 2.006 0 0 1-2-2v-6h35Z"
/>
<path
fill="#CAD9FC"
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="#E8EDFC"
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="#CAD9FC"
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="#E8EDFC"
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="#A4C2F7"
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="url(#a)"
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="#A4C2F7" d="M1 32h16v16H1z" />
<path fill="url(#b)" d="M1 32h13v16H1z" />
<circle cx="9" cy="51" r="1" fill="#428DFF" />
<path
fill="#FFF"
d="M23.625 22.042v-19a2.006 2.006 0 0 1 2-2h-3a2.006 2.006 0 0 0-2 2v25a2.006 2.006 0 0 0 2 2h3a2.006 2.006 0 0 1-2-2v-6ZM3.625 52.042v-24a2.006 2.006 0 0 1 2-2h-3a2.006 2.006 0 0 0-2 2v24a2.006 2.006 0 0 0 2 2h3a2.006 2.006 0 0 1-2-2Z"
/>
<path
fill="#428DFF"
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-1H3Z"
/>
<path fill="#FFF" d="M22 3v25h-2V3z" />
<path
fill="#428DFF"
d="M21 8a1 1 0 0 0 1-1V3h-2v4a1 1 0 0 0 1 1ZM20 28h2V15a1 1 0 0 0-2 0v13ZM22 11a1.052 1.052 0 0 0-.29-.71l-.15-.12a.757.757 0 0 0-.18-.09.636.636 0 0 0-.18-.06A1.5 1.5 0 0 0 21 10a1.052 1.052 0 0 0-.71.29c-.09.096-.162.208-.21.33-.15.373-.069.8.21 1.09.096.09.208.162.33.21A.99.99 0 0 0 22 11Z"
/>
<path
fill="#428DFF"
d="M57 31H23a3 3 0 0 1-3-3 1 1 0 0 1 2 0 1 1 0 0 0 1 1h34a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1H23a1 1 0 0 0-1 1 1 1 0 0 1-2 0 3 3 0 0 1 3-3h34a3 3 0 0 1 3 3v25a3 3 0 0 1-3 3ZM45 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="#428DFF"
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 2ZM10 30H8a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2ZM17 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="#428DFF"
d="M11 45H5a1 1 0 0 1-1-1v-6a1 1 0 0 1 2 0v5h5a1 1 0 0 1 0 2Z"
/>
<path
fill="#428DFF"
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="#428DFF"
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"
/>
<circle cx="40" cy="27" r="1" fill="#428DFF" />
</g>
</svg>
More icons in the same style and category