Add icons to this collection by clicking the heart icon.
Responsive Design icon - also known as technology, computer, interface, screen, smartphone, internet, web, web design, responsive design, digital platform, electronics, and devices. Created in a clean lineal color style with a white, silver, gray, black, 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<path
d="m0 0-20.152 33.871-106.219 10-106.219-10L-252.742 0l126.371-10Z"
transform="matrix(1.33333 0 0 -1.33333 464.013 482.16)"
fill="#d2ced4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0v-20c0-16.57-13.439-30-30-30h-120.159c-16.57 0-30 13.43-30 30V0l90.08 10z"
transform="translate(504.44 57.5)"
fill="#596c76"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-11.588 0-20.982 7.137-20.982 15.941 0 8.804 9.394 15.941 20.982 15.941h287.485c10.129 0 18.341-7.137 18.341-15.941C305.826 7.138 297.614 0 287.485 0Z"
transform="translate(79.217 118.498)"
fill="#e2dfe3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-20c-11.59 0-20.989 7.14-20.989 15.94S-31.59 31.88-20 31.88H0c-11.59 0-20.989-7.14-20.989-15.94S-11.59 0 0 0"
transform="translate(99.22 118.5)"
fill="#d2ced4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-270.54c0-13.66-11.16-24.84-24.81-24.84h-372.75c-13.65 0-24.81 11.18-24.81 24.84V0c0 13.66 11.16 24.84 24.81 24.84h372.75C-11.16 24.84 0 13.66 0 0"
transform="translate(429.87 479.66)"
fill="#e2dfe3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-15c-13.65 0-24.811 11.18-24.811 24.84v270.54c0 13.66 11.161 24.84 24.811 24.84H0c-13.65 0-24.811-11.18-24.811-24.84V24.84C-24.811 11.18-13.65 0 0 0"
transform="translate(47.31 184.28)"
fill="#d2ced4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v240.22c0 5.523 4.481 10 10.009 10H352.31c5.527 0 10.008-4.477 10.008-10V0c0-5.522-4.481-10-10.008-10H10.009C4.481-10 0-5.522 0 0"
transform="translate(37.526 224.28)"
fill="#faf8f8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-126.38c0-13.66-11.16-24.84-24.81-24.84h-100.78v30h85.56c5.519 0 10 4.48 10 10V0Z"
transform="translate(429.87 335.5)"
fill="#d2ced4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-111.22c0-5.52-4.48-10-10-10h-85.56V-50c0 27.57 22.43 50 50 50z"
transform="translate(399.84 335.5)"
fill="#efe9e6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-20c-5.53 0-10.01 4.479-10.01 10v240.22c0 5.52 4.48 10 10.01 10H0c-5.53 0-10.01-4.48-10.01-10V10C-10.01 4.479-5.53 0 0 0"
transform="translate(67.54 214.28)"
fill="#efe9e6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-27l-90.079-10-90.08 10V0c0 16.57 13.43 30 30 30H-30C-13.439 30 0 16.57 0 0"
transform="translate(504.44 285.5)"
fill="#596c76"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-20c-16.57 0-30 13.43-30 30v20l20 2.22V30C-30 13.43-16.57 0 0 0"
transform="translate(374.28 7.5)"
fill="#475a61"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-16.57 0-30-13.43-30-30v-29.22L-50-57v27c0 16.57 13.43 30 30 30z"
transform="translate(374.28 315.5)"
fill="#475a61"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-50.712a7.5 7.5 0 0 0 0 15H0a7.5 7.5 0 0 0 7.5-7.5A7.5 7.5 0 0 0 0 0"
transform="translate(439.276 281)"
fill="#475a61"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M504.439 57.5H324.28v201h180.159z"
fill="#faf8f8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M344.28 57.5h-20v201h20z"
fill="#efe9e6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-104.5"
transform="translate(429.871 420)"
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-291.968c-13.645 0-24.81 11.179-24.81 24.843v270.535c0 13.663 11.165 24.842 24.81 24.842h372.75c13.646 0 24.811-11.179 24.811-24.842V270.72"
transform="translate(324.278 184.28)"
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 0v138.5c0 5.523 4.481 10 10.009 10H352.31c5.527 0 10.008-4.477 10.008-10v-149"
transform="translate(37.526 326)"
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-276.807c-5.527 0-10.008 4.478-10.008 10v66.72"
transform="translate(324.342 214.28)"
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-142.501c0-16.568-13.432-30-30-30h-120.158c-16.57 0-30 13.432-30 30V105.5c0 16.568 13.43 30 30 30H-30c16.568 0 30-13.432 30-30V35"
transform="translate(504.437 180)"
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-179.157"
transform="translate(503.499 258.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="M0 0h-179.158"
transform="translate(503.5 57.499)"
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 0h50.712"
transform="translate(388.565 288.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="M0 0h-164.769"
transform="translate(323.702 118.498)"
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-49.621c-8.804 0-15.941 7.138-15.941 15.941 0 8.804 7.137 15.941 15.941 15.941h249.527"
transform="translate(123.796 118.498)"
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-18.88-31.732"
transform="translate(115.42 184.251)"
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