Add icons to this collection by clicking the heart icon.
Responsive Design icon - also known as computer, screen, smartphone, tablet, responsive design, website, cellphone, ui, device, devices, and responsive. 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 64 64"
>
<linearGradient id="a">
<stop offset="0" stop-color="#f8f4f0" />
<stop offset="1" stop-color="#dedbd7" />
</linearGradient>
<linearGradient
id="e"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(0 56 -56 0 484 52)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(0 8 -8 0 484 52)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#4b67ca" />
<stop offset="1" stop-color="#4159b0" />
</linearGradient>
<linearGradient
id="g"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(0 2 -2 0 341 72)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#61de9c" />
<stop offset="1" stop-color="#56c48a" />
</linearGradient>
<linearGradient
id="h"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(0 2 -2 0 341 72)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#feb62c" />
<stop offset="1" stop-color="#e6a327" />
</linearGradient>
<linearGradient id="b">
<stop offset="0" stop-color="#ff3d65" />
<stop offset="1" stop-color="#e6375a" />
</linearGradient>
<linearGradient
id="i"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(0 2 -2 0 341 72)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="j"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(0 2 -2 0 488 71)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#c8dff6" />
<stop offset="1" stop-color="#b2c6db" />
</linearGradient>
<linearGradient
id="k"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(0 24 -24 0 244 356)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="l"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(0 32 -32 0 224 348)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="m"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(0 4 -4 0 224 376)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="n"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(0 -4 -4 0 224 380)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="d">
<stop offset="0" stop-color="#3f4e5e" />
<stop offset="1" stop-color="#303b47" />
</linearGradient>
<linearGradient
id="o"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(0 4 -4 0 228 376)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="p"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(0 -4 -4 0 228 380)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="q"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(0 10 -10 0 232 363)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<g fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2">
<path
fill="url(#e)"
d="M508 56a4 4 0 0 0-4-4h-40a4 4 0 0 0-4 4v48a4 4 0 0 0 4 4h40a4 4 0 0 0 4-4V56z"
transform="translate(-456 -48)"
/>
<path
fill="url(#f)"
d="M508 56a4 4 0 0 0-4-4h-40a4 4 0 0 0-4 4v4h48z"
transform="translate(-456 -48)"
/>
<circle
cx="341"
cy="73"
r="1"
fill="url(#g)"
transform="translate(-333 -65)"
/>
<circle
cx="341"
cy="73"
r="1"
fill="url(#h)"
transform="translate(-329 -65)"
/>
<circle
cx="341"
cy="73"
r="1"
fill="url(#i)"
transform="translate(-325 -65)"
/>
<path
fill="url(#j)"
d="M496 71h-16a1 1 0 0 0 0 2h16a1 1 0 0 0 0-2z"
transform="translate(-448 -64)"
/>
<path
fill="url(#k)"
d="M252 360a3.995 3.995 0 0 0-1.172-2.828A3.995 3.995 0 0 0 248 356h-8a3.995 3.995 0 0 0-2.828 1.172A3.995 3.995 0 0 0 236 360v16c0 1.061.421 2.078 1.172 2.828A3.995 3.995 0 0 0 240 380h8a3.995 3.995 0 0 0 2.828-1.172A3.995 3.995 0 0 0 252 376v-16z"
transform="translate(-192 -320)"
/>
<path
fill="url(#l)"
d="M236 352a3.995 3.995 0 0 0-1.172-2.828A3.995 3.995 0 0 0 232 348h-16a3.995 3.995 0 0 0-2.828 1.172A3.995 3.995 0 0 0 212 352v24c0 1.061.421 2.078 1.172 2.828A3.995 3.995 0 0 0 216 380h16a3.995 3.995 0 0 0 2.828-1.172A3.995 3.995 0 0 0 236 376v-24z"
transform="translate(-192 -320)"
/>
<path
fill="url(#m)"
d="M236 376h-24c0 1.061.421 2.078 1.172 2.828A3.995 3.995 0 0 0 216 380h16a3.995 3.995 0 0 0 2.828-1.172A3.995 3.995 0 0 0 236 376z"
transform="translate(-192 -320)"
/>
<path
fill="url(#n)"
d="M236 376h-24c0 1.061.421 2.078 1.172 2.828A3.995 3.995 0 0 0 216 380h16a3.995 3.995 0 0 0 2.828-1.172A3.995 3.995 0 0 0 236 376z"
transform="matrix(1 0 0 -1 -192 408)"
/>
<path
fill="url(#o)"
d="M236 376h-16c0 1.061.421 2.078 1.172 2.828A3.995 3.995 0 0 0 224 380h8a3.995 3.995 0 0 0 2.828-1.172A3.995 3.995 0 0 0 236 376z"
transform="translate(-176 -320)"
/>
<path
fill="url(#p)"
d="M236 376h-16c0 1.061.421 2.078 1.172 2.828A3.995 3.995 0 0 0 224 380h8a3.995 3.995 0 0 0 2.828-1.172A3.995 3.995 0 0 0 236 376z"
transform="matrix(1 0 0 -1 -176 416)"
/>
<path
fill="url(#q)"
d="M230.414 369h11.172l-2.293 2.293a1 1 0 0 0 1.414 1.414l4-4a.999.999 0 0 0 0-1.414l-4-4a1 1 0 0 0-1.414 1.414l2.293 2.293h-11.172l2.293-2.293a1 1 0 0 0-1.414-1.414l-4 4a.999.999 0 0 0 0 1.414l4 4a1 1 0 0 0 1.414-1.414z"
transform="translate(-192 -320)"
/>
</g>
</svg>
More icons in the same style and category