Add icons to this collection by clicking the heart icon.
Responsive Design icon - also known as computer, smartphone, tablet, mobile phone, monitor, web design, responsive design, layout, ui, electronics, responsive, seo and web, and adaptive. Created in a clean lineal color style with a silver, gray, black, and teal 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0h-323.49c-11.045 0-20 8.954-20 20v457c0 11.046 8.955 20 20 20H0c11.046 0 20-8.954 20-20V20C20 8.954 11.046 0 0 0"
transform="translate(381.18 7.5)"
fill="#838383"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-457c0-11.05-8.95-20-20-20h-30c11.05 0 20 8.95 20 20V0c0 11.05-8.95 20-20 20h30C-8.95 20 0 11.05 0 0"
transform="translate(401.175 484.5)"
fill="#5a5a5a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-63.865c0-11.045 8.955-20 20-20h323.49c11.046 0 20 8.955 20 20v457c0 11.046-8.954 20-20 20H20c-11.045 0-20-8.954-20-20V216.656"
transform="translate(37.69 91.365)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M401.175 57.75H37.695v396.5h363.48z"
fill="#64dcfc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M401.175 57.75h-30v396.5h30z"
fill="#00c1fb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-255.612v-313.556"
transform="translate(293.302 454.254)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-47.557h363.49v396.508h-72.482"
transform="translate(37.69 105.303)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-.115"
transform="translate(219.435 479.115)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-142.887c-6.429 0-11.641 5.212-11.641 11.641v265.996c0 6.429 5.212 11.641 11.641 11.641H0c6.429 0 11.641-5.212 11.641-11.641V11.641C11.641 5.212 6.429 0 0 0"
transform="translate(462.669 7.5)"
fill="#838383"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-265.996c0-6.431-5.209-11.641-11.641-11.641h-23.456c6.431 0 11.641 5.21 11.641 11.641V0c0 6.432-5.21 11.641-11.641 11.641h23.456C-5.209 11.641 0 6.432 0 0"
transform="translate(474.307 285.137)"
fill="#5a5a5a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-142.887c-6.429 0-11.641 5.212-11.641 11.641v265.996c0 6.429 5.212 11.641 11.641 11.641H0c6.429 0 11.641-5.212 11.641-11.641V11.641C11.641 5.212 6.429 0 0 0Z"
transform="translate(462.669 7.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M474.307 42.743H308.144v221.79h166.163z"
fill="#cecece"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M474.307 42.743h-23.456v221.79h23.456z"
fill="#acacac"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h31.612v221.795h-166.169V0h99.161"
transform="translate(442.698 42.74)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h47.804"
transform="translate(101.058 370.67)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h156.942"
transform="translate(101.058 319.938)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h156.942"
transform="translate(101.058 283.511)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h156.942"
transform="translate(101.058 247.084)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-33.049c-5.523 0-10 4.477-10 10v33.049c0 5.523 4.477 10 10 10H0c5.523 0 10-4.477 10-10V10C10 4.477 5.523 0 0 0"
transform="translate(144.107 141.33)"
fill="#0091d1"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-33.05c0-5.52-4.48-10-10-10h-21c5.52 0 10 4.48 10 10V0c0 5.52-4.48 10-10 10h21C-4.48 10 0 5.52 0 0"
transform="translate(154.11 184.38)"
fill="#007baf"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-33.049c-5.523 0-10 4.477-10 10v33.049c0 5.523 4.477 10 10 10H0c5.523 0 10-4.477 10-10V10C10 4.477 5.523 0 0 0Z"
transform="translate(144.107 141.33)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-37.828 37.828h23.507C-6.012 37.827.724 44.563.723 52.872c.001 8.309-6.735 15.045-15.044 15.045h-59.827c-8.309 0-15.045-6.736-15.044-15.045V-6.956a14.99 14.99 0 0 1 4.406-10.637A14.994 14.994 0 0 1-74.148-22c8.309 0 15.044 6.736 15.044 15.044v23.508l37.828-37.828c5.875-5.875 15.401-5.875 21.276 0S5.875-5.875 0 0"
transform="translate(431.568 163.066)"
fill="#0091d1"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-37.828 37.828h23.507C-6.012 37.827.724 44.563.723 52.872c.001 8.309-6.735 15.045-15.044 15.045h-59.827c-8.309 0-15.045-6.736-15.044-15.045V-6.956a14.99 14.99 0 0 1 4.406-10.637A14.994 14.994 0 0 1-74.148-22c8.309 0 15.044 6.736 15.044 15.044v23.508l37.828-37.828c5.875-5.875 15.401-5.875 21.276 0S5.875-5.875 0 0Z"
transform="translate(431.568 163.066)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category