Add icons to this collection by clicking the heart icon.
Responsive Design icon - also known as tablet, responsive design, tools, tool, widescreen, Tools and utensils, cellphone, design, sizes, responsive, formats, and art and design. Created in a clean lineal color style with a white, silver, and black 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 0c0 16.57-13.43 30-30 30h-120c-16.57 0-30-13.43-30-30v-60h-292c-11.05 0-20-8.95-20-20v-256h432v120H0Z"
transform="translate(502 472)"
fill="#c0dbff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-30c0-16.57-13.43-30-30-30h-120c-16.57 0-30 13.43-30 30V0Z"
transform="translate(502 256)"
fill="#ecf3f3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-40c0-11.05 8.95-20 20-20h136v-66h120v66h136c11.05 0 20 8.95 20 20V0Z"
transform="translate(10 136)"
fill="#ecf3f3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h30"
transform="translate(397 442)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h180"
transform="translate(322 256)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v216c0 16.57-13.43 30-30 30h-120c-16.57 0-30-13.43-30-30V-30c0-16.57 13.43-30 30-30h120c16.57 0 30 13.43 30 30z"
transform="translate(502 256)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-100c0-11.05-8.95-20-20-20h-392c-11.05 0-20 8.95-20 20v296c0 11.05 8.95 20 20 20h292"
transform="translate(442 196)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-66"
transform="translate(166 76)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v66"
transform="translate(286 10)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h240"
transform="translate(106 10)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-5.522-4.477-10-10-10S-20-5.522-20 0c0 5.523 4.477 10 10 10S0 5.523 0 0"
transform="translate(236 136)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-171"
transform="translate(442 136)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-171"
transform="translate(181 136)"
fill="none"
stroke="#000"
stroke-width="20"
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