Add icons to this collection by clicking the heart icon.
Responsive Design icon - also known as smartphone, tablet, web design, responsive design, development, website, web development, electronics, devices, and seo and web. Created in a clean lineal color 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="682.66669"
height="682.66669"
viewBox="0 0 682.66669 682.66669"
>
<defs>
<clipPath clipPathUnits="userSpaceOnUse" id="clipPath245">
<path d="M 0,512 H 512 V 0 H 0 Z" id="path243" />
</clipPath>
</defs>
<g id="g237" transform="matrix(1.3333333,0,0,-1.3333333,0,682.66667)">
<g id="g239">
<g id="g241" clip-path="url(#clipPath245)">
<g id="g247" transform="translate(331.5471,18.9924)">
<path
d="m 0,0 h -304.047 c -11.046,0 -20,8.954 -20,20 v 434.015 c 0,11.046 8.954,20 20,20 H 0 c 11.045,0 20,-8.954 20,-20 V 20 C 20,8.954 11.045,0 0,0"
id="path249"
fill="#d2d2d7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g251" transform="translate(47.4812,93.2246)">
<path
d="m 0,0 v 350.802 c 0,4.97 4.029,9 9,9 h 246.085 c 4.971,0 9,-4.03 9,-9 L 264.085,0 c 0,-4.971 -4.029,-9 -9,-9 H 9 C 4.029,-9 0,-4.971 0,0"
id="path253"
fill="#fcf5f5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g255" transform="translate(331.5471,493.0076)">
<path
d="m 0,0 h -30 c 11.045,0 20,-8.954 20,-20 v -434.015 c 0,-11.046 -8.955,-20 -20,-20 H 0 c 11.045,0 20,8.954 20,20 V -20 C 20,-8.954 11.045,0 0,0"
id="path257"
fill="#b9b9be"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g259" transform="translate(302.5661,453.0266)">
<path
d="m 0,0 h -30 c 4.971,0 9,-4.03 9,-9 v -350.802 c 0,-4.971 -4.029,-9 -9,-9 H 0 c 4.971,0 9,4.029 9,9 V -9 C 9,-4.03 4.971,0 0,0"
id="path261"
fill="#ebe1dc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g263" transform="translate(309.049,382.042)">
<path
d="m 0,0 h 175.451 c 11.046,0 20,-8.954 20,-20 v -323.05 c 0,-11.045 -8.954,-20 -20,-20 H 0 c -11.045,0 -20,8.955 -20,20 V -20 c 0,11.046 8.955,20 20,20"
id="path265"
fill="#b2e5fb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g267" transform="translate(484.5002,382.042)">
<path
d="m 0,0 h -30 c 11.045,0 20,-8.954 20,-20 v -323.05 c 0,-11.045 -8.955,-20 -20,-20 H 0 c 11.045,0 20,8.955 20,20 V -20 C 20,-8.954 11.045,0 0,0"
id="path269"
fill="#91dafa"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g271" transform="translate(186.6765,51.6084)">
<path
d="m 0,0 c 0,-3.95 -3.202,-7.153 -7.153,-7.153 -3.951,0 -7.153,3.203 -7.153,7.153 0,3.951 3.202,7.153 7.153,7.153 C -3.202,7.153 0,3.951 0,0"
id="path273"
fill="#000000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g275" transform="translate(289.049,59.4458)">
<path
d="m 0,0 v -20.699 c 0,-10.91 8.844,-19.754 19.754,-19.754 h 175.943 c 10.91,0 19.754,8.844 19.754,19.754 V 0 Z"
id="path277"
fill="#b9b9be"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g279" transform="translate(474.5002,59.4458)">
<path
d="m 0,0 v -20.699 c 0,-10.91 -8.845,-19.754 -19.754,-19.754 h 30 c 10.909,0 19.754,8.844 19.754,19.754 V 0 Z"
id="path281"
fill="#a6a6aa"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g283" transform="translate(151.9812,348.1313)">
<path
d="m 0,0 h -45.683 c -4.97,0 -9,4.029 -9,9 v 43.146 c 0,4.97 4.03,9 9,9 H 0 c 4.97,0 9,-4.03 9,-9 V 9 C 9,4.029 4.97,0 0,0"
id="path285"
fill="#ffd549"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g287" transform="translate(369.7444,262.0928)">
<path
d="m 0,0 h -30.271 c -4.971,0 -9,4.03 -9,9 v 28.348 c 0,4.971 4.029,9 9,9 H 0 c 4.971,0 9,-4.029 9,-9 V 9 C 9,4.03 4.971,0 0,0"
id="path289"
fill="#ffd549"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g291" transform="translate(461.5735,180.6184)">
<path
d="m 0,0 h -122.1 c -4.971,0 -9,4.03 -9,9 v 28.349 c 0,4.97 4.029,9 9,9 H 0 c 4.97,0 9,-4.03 9,-9 V 9 C 9,4.03 4.97,0 0,0"
id="path293"
fill="#ea7b45"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g295" transform="translate(251.7483,250.9382)">
<path
d="m 0,0 h -144.45 c -5.523,0 -10,4.477 -10,10 v 40.657 c 0,5.523 4.477,10 10,10 H 0 c 5.523,0 10,-4.477 10,-10 V 10 C 10,4.477 5.523,0 0,0"
id="path297"
fill="#ea7b45"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g299" transform="translate(461.5735,226.967)">
<path
d="m 0,0 h -30 c 4.97,0 9,-4.03 9,-9 v -28.349 c 0,-4.97 -4.03,-9 -9,-9 H 0 c 4.97,0 9,4.03 9,9 V -9 C 9,-4.03 4.97,0 0,0"
id="path301"
fill="#e76833"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g303" transform="translate(251.7483,311.5957)">
<path
d="m 0,0 h -30 c 5.523,0 10,-4.477 10,-10 v -40.657 c 0,-5.523 -4.477,-10 -10,-10 H 0 c 5.523,0 10,4.477 10,10 V -10 C 10,-4.477 5.523,0 0,0"
id="path305"
fill="#e76833"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g307" transform="translate(77.4812,493.0076)">
<path
d="m 0,0 h 254.066 c 11.045,0 20,-8.954 20,-20 v -90.966"
id="path309"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g311" transform="translate(309.049,18.9924)">
<path
d="m 0,0 h -281.549 c -11.046,0 -20,8.954 -20,20 v 434.015 c 0,11.046 8.954,20 20,20 h 19.981"
id="path313"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g315" transform="translate(206.6477,84.2246)">
<path
d="m 0,0 h -150.167 c -4.97,0 -9,4.029 -9,9 v 350.802 c 0,4.97 4.03,9 9,9 H 95.918 c 4.971,0 9,-4.03 9,-9 v -59.985"
id="path317"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g319" transform="translate(286.03,84.2246)">
<path
d="M 0,0 H -49.382"
id="path321"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g323" transform="translate(309.049,382.042)">
<path
d="m 0,0 h 175.451 c 11.046,0 20,-8.954 20,-20 v -323.05 c 0,-11.045 -8.954,-20 -20,-20 H 0 c -11.045,0 -20,8.955 -20,20 V -20 c 0,11.046 8.955,20 20,20 z"
id="path325"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g327" transform="translate(290.4577,59.4458)">
<path
d="M 0,0 H 212.634"
id="path329"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g331" transform="translate(378.5295,349.4553)">
<path
d="M 0,0 H 36.49"
id="path333"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g335" transform="translate(151.9812,348.1313)">
<path
d="m 0,0 h -45.683 c -4.97,0 -9,4.029 -9,9 v 43.146 c 0,4.97 4.03,9 9,9 H 0 c 4.97,0 9,-4.03 9,-9 V 9 C 9,4.029 4.97,0 0,0 Z"
id="path337"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g339" transform="translate(369.7444,262.0928)">
<path
d="m 0,0 h -30.271 c -4.971,0 -9,4.03 -9,9 v 28.348 c 0,4.971 4.029,9 9,9 H 0 c 4.971,0 9,-4.029 9,-9 V 9 C 9,4.03 4.971,0 0,0 Z"
id="path341"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g343" transform="translate(461.5735,180.6184)">
<path
d="m 0,0 h -122.1 c -4.971,0 -9,4.03 -9,9 v 28.349 c 0,4.97 4.029,9 9,9 H 0 c 4.97,0 9,-4.03 9,-9 V 9 C 9,4.03 4.97,0 0,0 Z"
id="path345"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g347" transform="translate(251.7483,250.9382)">
<path
d="m 0,0 h -144.45 c -5.523,0 -10,4.477 -10,10 v 40.657 c 0,5.523 4.477,10 10,10 H 0 c 5.523,0 10,-4.477 10,-10 V 10 C 10,4.477 5.523,0 0,0 Z"
id="path349"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g351" transform="translate(97.2986,209.7927)">
<path
d="M 0,0 H 164.45"
id="path353"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g355" transform="translate(97.2986,176.26)">
<path
d="M 0,0 H 164.45"
id="path357"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g359" transform="translate(197.1096,395.4707)">
<path
d="M 0,0 H 64.639"
id="path361"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g363" transform="translate(197.1096,361.9377)">
<path
d="M 0,0 H 64.639"
id="path365"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g367" transform="translate(97.2986,142.7271)">
<path
d="M 0,0 H 164.45"
id="path369"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g371" transform="translate(330.4734,142.7271)">
<path
d="M 0,0 H 130.64"
id="path373"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g375" transform="translate(330.4734,104.8354)">
<path
d="M 0,0 H 130.64"
id="path377"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g379" transform="translate(415.0197,304.2126)">
<path
d="M 0,0 H 46.094"
id="path381"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g383" transform="translate(415.0197,266.3213)">
<path
d="M 0,0 H 46.094"
id="path385"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</g>
</g>
</g>
</svg>
More icons in the same style and category