Add icons to this collection by clicking the heart icon.
Responsive Design icon - also known as smartphone, laptop, responsive design, seo, browser, content, responsive page, seo and web, and multiple devices. Created in a clean gradient 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 64 64"
>
<linearGradient
id="a"
x1="21"
x2="21"
y1="64.271"
y2="3.288"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<linearGradient id="b" x1="52" x2="52" y1="64.271" y2="3.288" href="#a" />
<linearGradient id="c" x1="32" x2="32" y1="64.271" y2="3.288" href="#a" />
<linearGradient
id="d"
x1="12.5"
x2="12.5"
y1="64.271"
y2="3.288"
href="#a"
/>
<linearGradient
id="e"
x1="16.5"
x2="16.5"
y1="64.271"
y2="3.288"
href="#a"
/>
<linearGradient
id="f"
x1="20.5"
x2="20.5"
y1="64.271"
y2="3.288"
href="#a"
/>
<linearGradient id="g" x1="16" x2="16" y1="64.271" y2="3.288" href="#a" />
<linearGradient
id="h"
x1="36.5"
x2="36.5"
y1="64.271"
y2="3.288"
href="#a"
/>
<linearGradient id="i" x1="12" x2="12" y1="64.271" y2="3.288" href="#a" />
<linearGradient
id="j"
x1="25.5"
x2="25.5"
y1="64.271"
y2="3.288"
href="#a"
/>
<linearGradient id="k" x1="55" x2="55" y1="64.271" y2="3.288" href="#a" />
<linearGradient
id="l"
x1="48.5"
x2="48.5"
y1="64.271"
y2="3.288"
href="#a"
/>
<path
fill="url(#a)"
d="M39 56h-1V37a3.009 3.009 0 0 0-3-3H7a3.009 3.009 0 0 0-3 3v19H3a1 1 0 0 0-1 1v2a3.009 3.009 0 0 0 3 3h32a3.009 3.009 0 0 0 3-3v-2a1 1 0 0 0-1-1zM6 37a1 1 0 0 1 1-1h28a1 1 0 0 1 1 1v19H6zm32 22a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1v-1h34z"
/>
<path
fill="url(#b)"
d="M59 34H45a3.009 3.009 0 0 0-3 3v22a3.009 3.009 0 0 0 3 3h14a3.009 3.009 0 0 0 3-3V37a3.009 3.009 0 0 0-3-3zm1 25a1 1 0 0 1-1 1H45a1 1 0 0 1-1-1v-3h16zm0-5H44V37a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1z"
/>
<path fill="url(#b)" d="M53 57h-2a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2z" />
<path
fill="url(#c)"
d="M55 2H9a1 1 0 0 0-1 1v28a1 1 0 0 0 1 1h46a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1zm-1 28H10V10h44zm0-22H10V4h44z"
/>
<path fill="url(#d)" d="M13 5h-1a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2z" />
<path fill="url(#e)" d="M17 5h-1a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2z" />
<path fill="url(#f)" d="M21 5h-1a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2z" />
<path
fill="url(#c)"
d="M13 19h38a1 1 0 0 0 1-1v-6a1 1 0 0 0-1-1H13a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1zm1-6h36v4H14z"
/>
<path
fill="url(#g)"
d="M13 29h6a1 1 0 0 0 1-1v-7a1 1 0 0 0-1-1h-6a1 1 0 0 0-1 1v7a1 1 0 0 0 1 1zm1-7h4v5h-4z"
/>
<path
fill="url(#h)"
d="M51 20H22a1 1 0 0 0-1 1v7a1 1 0 0 0 1 1h29a1 1 0 0 0 1-1v-7a1 1 0 0 0-1-1zm-1 7H23v-5h27z"
/>
<path
fill="url(#a)"
d="M33 37H9a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h24a1 1 0 0 0 1-1v-6a1 1 0 0 0-1-1zm-1 6H10v-4h22z"
/>
<path
fill="url(#i)"
d="M15 46H9a1 1 0 0 0-1 1v7a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-7a1 1 0 0 0-1-1zm-1 7h-4v-5h4z"
/>
<path
fill="url(#j)"
d="M33 46H18a1 1 0 0 0-1 1v7a1 1 0 0 0 1 1h15a1 1 0 0 0 1-1v-7a1 1 0 0 0-1-1zm-1 7H19v-5h13z"
/>
<path
fill="url(#k)"
d="M57 46h-4a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1v-5a1 1 0 0 0-1-1zm-1 5h-2v-3h2z"
/>
<path
fill="url(#l)"
d="M47 53h3a1 1 0 0 0 1-1v-5a1 1 0 0 0-1-1h-3a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1zm1-5h1v3h-1z"
/>
<path
fill="url(#b)"
d="M47 45h10a1 1 0 0 0 1-1v-6a1 1 0 0 0-1-1H47a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1zm1-6h8v4h-8z"
/>
</svg>
More icons in the same style and category