Add icons to this collection by clicking the heart icon.
Responsive Design icon - also known as computer, interface, screen, smartphone, tablet, mobile phone, monitor, web design, responsive design, tool, website, layout, ui, electronics, responsive, responsive webpage, art and design, seo and web, and adaptive. Created in a clean flat 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 256 256"
>
<style>
.st1 {
fill: #fce575;
}
.st2 {
fill: #ffd551;
}
.st3 {
fill: #f9bb32;
}
.st4 {
fill: #fff4c1;
}
.st5 {
fill: #db9c2e;
}
.st6 {
fill: #ffc34c;
}
.st9 {
fill: #e58d23;
}
.st10 {
fill: #ccc033;
}
.st11 {
fill: #99af17;
}
.st14 {
fill: #bf6c0d;
}
.st15 {
fill: #ffa730;
}
.st17 {
fill: #fcf9de;
}
</style>
<path d="M106.442 158.866h45v84h-45z" class="st5" />
<path d="M106.441 159.48h20.078v84.327h-20.078z" class="st14" />
<path
d="M233.7 188.027H22.683c-8.003 0-14.491-6.488-14.491-14.491V22.518c0-8.003 6.488-14.491 14.491-14.491H233.7c8.003 0 14.491 6.488 14.491 14.491v151.017c.001 8.004-6.487 14.492-14.491 14.492z"
class="st3"
/>
<path
d="M35.917 174.206V22.601c0-8.035 6.513-14.548 14.548-14.548H22.356c-8.035 0-14.548 6.513-14.548 14.548v151.605c0 8.035 6.513 14.548 14.548 14.548h28.109c-8.034 0-14.548-6.513-14.548-14.548z"
class="st5"
/>
<path
d="M240.192 138.496V21.504c0-3.592-2.686-6.504-6-6.504h-212c-3.314 0-6 2.912-6 6.504v116.991c0 3.592 2.686 6.504 6 6.504h212c3.313.001 6-2.911 6-6.503z"
class="st4"
/>
<path
d="M22.192 15c-3.314 0-6 2.912-6 6.504v116.991c0 3.592 2.686 6.504 6 6.504h13.726V22.601c0-2.79.799-5.387 2.161-7.601H22.192z"
class="st1"
/>
<path
d="M201.942 247.92h-146a7 7 0 1 1 0-14h146a7 7 0 1 1 0 14z"
class="st2"
/>
<path
d="M76.804 240.947a7 7 0 0 1 7-7h-28a7 7 0 1 0 0 14h28a7 7 0 0 1-7-7z"
class="st6"
/>
<circle cx="128.192" cy="169.242" r="13.5" fill="#ffdf74" />
<path d="M28.192 169.141h54v63.45h-54z" class="st4" />
<path
d="M72.409 153.866H37.974c-5.403 0-9.783 4.384-9.783 9.792v5.483h54v-5.483c.001-5.408-4.379-9.792-9.782-9.792zM28.192 232.591v5.483c0 5.408 4.38 9.792 9.783 9.792H72.41c5.403 0 9.783-4.384 9.783-9.792v-5.483H28.192z"
class="st5"
/>
<circle cx="44.626" cy="162.352" r="1.566" class="st3" />
<path
d="M64.976 163.919H52.45c-.863 0-1.563-.7-1.563-1.563v-.007c0-.863.7-1.563 1.563-1.563h12.526c.863 0 1.563.7 1.563 1.563v.007c0 .863-.699 1.563-1.563 1.563z"
class="st3"
/>
<ellipse cx="55.192" cy="240.229" class="st2" rx="5.478" ry="5.483" />
<path
d="M54.409 240.229a5.487 5.487 0 0 1 3.13-4.947 5.438 5.438 0 0 0-2.348-.537c-3.021 0-5.478 2.46-5.478 5.483s2.457 5.483 5.478 5.483c.841 0 1.635-.196 2.348-.537a5.483 5.483 0 0 1-3.13-4.945z"
class="st6"
/>
<path
d="M228.525 68.473h-90a4 4 0 0 1 0-8h90a4 4 0 0 1 0 8zM228.525 84.473h-90a4 4 0 0 1 0-8h90a4 4 0 0 1 0 8zM228.525 100.473h-90a4 4 0 0 1 0-8h90a4 4 0 0 1 0 8z"
class="st9"
/>
<path d="M28.192 169.141h12v63.45h-12z" class="st1" />
<path
d="M49.974 153.866h-12c-5.403 0-9.783 4.384-9.783 9.792v5.483h12v-5.483c.001-5.408 4.38-9.792 9.783-9.792zM40.192 238.074v-5.483h-12v5.483c0 5.408 4.38 9.792 9.783 9.792h12c-5.404 0-9.783-4.384-9.783-9.792z"
class="st14"
/>
<path
d="M72.858 206.473h-36a2 2 0 0 1-2-2v-26a2 2 0 0 1 2-2h36a2 2 0 0 1 2 2v26a2 2 0 0 1-2 2z"
class="st10"
/>
<path
d="M40.192 176.473h-3.333a2 2 0 0 0-2 2v26a2 2 0 0 0 2 2h3.333v-30z"
class="st11"
/>
<path d="M74.858 216.307h-40a2 2 0 0 1 0-4h40a2 2 0 0 1 0 4z" class="st9" />
<path d="M40.192 212.307h-5.333a2 2 0 0 0 0 4h5.333v-4z" class="st14" />
<path d="M74.858 224.307h-40a2 2 0 0 1 0-4h40a2 2 0 0 1 0 4z" class="st9" />
<path d="M40.192 220.307h-5.333a2 2 0 0 0 0 4h5.333v-4z" class="st14" />
<path
d="M126.77 169.896c0-5.308 3.075-9.9 7.529-12.122a13.444 13.444 0 0 0-6.023-1.43c-7.472 0-13.553 6.079-13.553 13.553 0 7.473 6.08 13.553 13.553 13.553 2.165 0 4.206-.523 6.023-1.43-4.455-2.224-7.529-6.816-7.529-12.124z"
class="st2"
/>
<path
d="M122.192 130.433h-87a6 6 0 0 1-6-6v-66.46a6 6 0 0 1 6-6h87a6 6 0 0 1 6 6v66.459a6.001 6.001 0 0 1-6 6.001z"
class="st10"
/>
<path
d="M35.917 51.973h-.726a6 6 0 0 0-6 6v66.459a6 6 0 0 0 6 6h.726V51.973z"
class="st11"
/>
<path
d="M228.525 116.473h-90a4 4 0 0 1 0-8h90a4 4 0 0 1 0 8z"
class="st9"
/>
<path
d="M240.192 247.973h-88a8 8 0 0 1-8-8v-124a8 8 0 0 1 8-8h88a8 8 0 0 1 8 8v124a8 8 0 0 1-8 8z"
fill="#a56021"
/>
<path
d="M164.192 239.973v-124a8 8 0 0 1 8-8h-20a8 8 0 0 0-8 8v124a8 8 0 0 0 8 8h20a8 8 0 0 1-8-8z"
class="st14"
/>
<path
d="M164.192 239.973v-124a8 8 0 0 1 8-8h-20a8 8 0 0 0-8 8v124a8 8 0 0 0 8 8h20a8 8 0 0 1-8-8z"
class="st14"
/>
<path
d="M194.192 162.352h-36a2 2 0 0 1-2-2v-26a2 2 0 0 1 2-2h36a2 2 0 0 1 2 2v26a2 2 0 0 1-2 2zM194.192 202.352h-36a2 2 0 0 1-2-2v-26a2 2 0 0 1 2-2h36a2 2 0 0 1 2 2v26a2 2 0 0 1-2 2zM194.192 212.352h-36a2 2 0 0 0-2 2v13.788h40v-13.788a2 2 0 0 0-2-2z"
class="st10"
/>
<path
d="M194.192 162.352h-36a2 2 0 0 1-2-2v-26a2 2 0 0 1 2-2h36a2 2 0 0 1 2 2v26a2 2 0 0 1-2 2zM194.192 202.352h-36a2 2 0 0 1-2-2v-26a2 2 0 0 1 2-2h36a2 2 0 0 1 2 2v26a2 2 0 0 1-2 2zM194.192 212.352h-36a2 2 0 0 0-2 2v13.788h40v-13.788a2 2 0 0 0-2-2z"
class="st10"
/>
<path
d="M164.411 114.14h-12.332a1.887 1.887 0 0 0-1.887 1.888v10.112h14v-10.167c0-.632.081-1.244.219-1.833z"
class="st14"
/>
<path
d="M164.192 239.973v-124a8 8 0 0 1 8-8h-20a8 8 0 0 0-8 8v124a8 8 0 0 0 8 8h20a8 8 0 0 1-8-8z"
class="st14"
/>
<path
d="M164.192 239.973v-124a8 8 0 0 1 8-8h-20a8 8 0 0 0-8 8v124a8 8 0 0 0 8 8h20a8 8 0 0 1-8-8z"
fill="#8c4c17"
/>
<path
d="M150.192 226.252V116.027c0-1.042.845-1.887 1.887-1.887h88.225c1.042 0 1.887.845 1.887 1.887v110.225a1.887 1.887 0 0 1-1.887 1.887h-88.225a1.886 1.886 0 0 1-1.887-1.887z"
class="st4"
/>
<path
d="M152.079 114.14a1.887 1.887 0 0 0-1.887 1.887v110.225c0 1.042.845 1.888 1.887 1.888h12.113V115.973c0-.632.081-1.244.219-1.833h-12.332z"
class="st1"
/>
<path
d="M234.858 137.14h-33.167a2 2 0 0 1 0-4h33.167a2 2 0 0 1 0 4zM234.858 145.14h-33.167a2 2 0 0 1 0-4h33.167a2 2 0 0 1 0 4zM234.858 153.14h-33.167a2 2 0 0 1 0-4h33.167a2 2 0 0 1 0 4zM234.858 161.14h-33.167a2 2 0 0 1 0-4h33.167a2 2 0 0 1 0 4zM234.858 177.14h-33.167a2 2 0 0 1 0-4h33.167a2 2 0 0 1 0 4zM234.858 185.14h-33.167a2 2 0 0 1 0-4h33.167a2 2 0 0 1 0 4zM234.858 193.14h-33.167a2 2 0 0 1 0-4h33.167a2 2 0 0 1 0 4zM234.858 201.14h-33.167a2 2 0 0 1 0-4h33.167a2 2 0 0 1 0 4zM234.858 217.14h-33.167a2 2 0 0 1 0-4h33.167a2 2 0 0 1 0 4zM234.858 225.14h-33.167a2 2 0 0 1 0-4h33.167a2 2 0 0 1 0 4z"
class="st9"
/>
<path
d="M150.192 115.711v10.112h92v-10.112a1.888 1.888 0 0 0-1.887-1.888H152.08a1.889 1.889 0 0 0-1.888 1.888z"
class="st15"
/>
<path
d="M164.411 113.824h-12.332a1.887 1.887 0 0 0-1.887 1.888v10.112h14v-10.167c0-.632.081-1.243.219-1.833z"
class="st9"
/>
<path
d="M194.192 162.352h-36a2 2 0 0 1-2-2v-26a2 2 0 0 1 2-2h36a2 2 0 0 1 2 2v26a2 2 0 0 1-2 2zM194.192 202.352h-36a2 2 0 0 1-2-2v-26a2 2 0 0 1 2-2h36a2 2 0 0 1 2 2v26a2 2 0 0 1-2 2zM194.192 212.352h-36a2 2 0 0 0-2 2v13.788h40v-13.788a2 2 0 0 0-2-2z"
class="st10"
/>
<path
d="M164.192 212.352h-6a2 2 0 0 0-2 2v13.788h8v-15.788zM164.192 172.352h-6a2 2 0 0 0-2 2v26a2 2 0 0 0 2 2h6v-30zM164.192 132.352h-6a2 2 0 0 0-2 2v26a2 2 0 0 0 2 2h6v-30z"
class="st11"
/>
<circle cx="198.192" cy="237.807" r="6" class="st2" />
<path
d="M196.192 237.807a5.996 5.996 0 0 1 4-5.651 5.97 5.97 0 0 0-2-.349 6 6 0 0 0 0 12 5.97 5.97 0 0 0 2-.349 5.997 5.997 0 0 1-4-5.651z"
class="st6"
/>
<circle cx="176.192" cy="143.14" r="9" class="st11" />
<path
d="M234.191 223.14a3 3 0 0 1-3-3v-87.788a3 3 0 1 1 6 0v87.788a3 3 0 0 1-3 3z"
class="st17"
/>
<circle cx="48.804" cy="119.167" r="9" class="st11" />
<path
d="M74.191 227.591a3 3 0 0 1-3-3v-47.45a3 3 0 1 1 6 0v47.45a3 3 0 0 1-3 3zM232.191 106.833a3 3 0 0 1-3-3V38a3 3 0 1 1 6 0v65.833a3 3 0 0 1-3 3z"
class="st17"
/>
<path
d="M240.192 33h-224V21a6 6 0 0 1 6-6h212a6 6 0 0 1 6 6v12z"
class="st15"
/>
<path
d="M38.078 14.973H22.192a6 6 0 0 0-6 6v12h19.726V22.574a14.459 14.459 0 0 1 2.16-7.601z"
class="st9"
/>
</svg>
More icons in the same style and category