Add icons to this collection by clicking the heart icon.
Responsive Website icon - also known as screen, web, responsive design, website, device, responsive webpage, responsive website, seo and web, adaptive, and responsive 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 512 512"
>
<linearGradient
id="linear-gradient"
gradientUnits="userSpaceOnUse"
x1="256"
x2="256"
y1="-.601"
y2="508.957"
>
<stop offset="0" stop-color="#2ab793" />
<stop offset="1" stop-color="#2c98b5" />
</linearGradient>
<linearGradient
id="linear-gradient-2"
x1="165.171"
x2="165.171"
y1="-.601"
y2="508.957"
href="#linear-gradient"
/>
<linearGradient
id="linear-gradient-3"
x1="434.829"
x2="434.829"
y1="-.601"
y2="508.957"
href="#linear-gradient"
/>
<linearGradient
id="linear-gradient-4"
x1="80"
x2="80"
y1="-.601"
y2="508.957"
href="#linear-gradient"
/>
<linearGradient
id="linear-gradient-5"
x1="112"
x2="112"
y1="-.601"
y2="508.957"
href="#linear-gradient"
/>
<linearGradient
id="linear-gradient-6"
x1="144"
x2="144"
y1="-.601"
y2="508.957"
href="#linear-gradient"
/>
<linearGradient
id="linear-gradient-9"
x1="128"
x2="128"
y1="-.601"
y2="508.957"
href="#linear-gradient"
/>
<linearGradient
id="linear-gradient-10"
x1="236"
x2="236"
y1="-.601"
y2="508.957"
href="#linear-gradient"
/>
<linearGradient
id="linear-gradient-13"
x1="392"
x2="392"
y1="-.601"
y2="508.957"
href="#linear-gradient"
/>
<g id="GRADIENT">
<path
d="m472 208h-160a24.0275 24.0275 0 0 0 -24 24v128h-76.68652l-5.65625-5.65723a8.00235 8.00235 0 0 0 -5.65723-2.34277h-144v-160h368v-16h-368v-136a8.00917 8.00917 0 0 1 8-8h384a8.00917 8.00917 0 0 1 8 8v8h-288v16h288v40h16v-64a24.0275 24.0275 0 0 0 -24-24h-384a24.0275 24.0275 0 0 0 -24 24v312h-16a8.00039 8.00039 0 0 0 -8 8v24a24.0275 24.0275 0 0 0 24 24h248v64a24.0275 24.0275 0 0 0 24 24h160a24.0275 24.0275 0 0 0 24-24v-240a24.0275 24.0275 0 0 0 -24-24zm-184 184h-248a8.00917 8.00917 0 0 1 -8-8v-16h164.68652l5.65625 5.65723a8.00235 8.00235 0 0 0 5.65723 2.34277h80zm160 88h-112v-16h112zm32-8a8.00917 8.00917 0 0 1 -8 8h-8v-24a8.00039 8.00039 0 0 0 -8-8h-128a8.00039 8.00039 0 0 0 -8 8v24h-8a8.00917 8.00917 0 0 1 -8-8v-152h176zm0-168h-176v-72a8.00917 8.00917 0 0 1 8-8h160a8.00917 8.00917 0 0 1 8 8z"
fill="url(#linear-gradient)"
/>
<path
d="m96 451.314 10.34277 10.34327 11.31446-11.31446-24-24a8.003 8.003 0 0 0 -11.31446 0l-24 24 11.31446 11.31446 10.34277-10.34327v36.686a8.00039 8.00039 0 0 0 8 8h184v-16h-176z"
fill="url(#linear-gradient-2)"
/>
<path
d="m472 128a8.00039 8.00039 0 0 0 -8-8h-88v16h80v28.686l-10.34277-10.34327-11.31446 11.31446 24 24a8.00181 8.00181 0 0 0 11.31446 0l24-24-11.31446-11.31446-10.34277 10.34327z"
fill="url(#linear-gradient-3)"
/>
<path d="m72 48h16v16h-16z" fill="url(#linear-gradient-4)" />
<path d="m104 48h16v16h-16z" fill="url(#linear-gradient-5)" />
<path d="m136 48h16v16h-16z" fill="url(#linear-gradient-6)" />
<path d="m168 96h176v16h-176z" fill="url(#linear-gradient)" />
<path d="m192 128h128v16h-128z" fill="url(#linear-gradient)" />
<path
d="m184 224a8.00039 8.00039 0 0 0 -8-8h-96a8.00039 8.00039 0 0 0 -8 8v64a8.00039 8.00039 0 0 0 8 8h96a8.00039 8.00039 0 0 0 8-8zm-16 56h-80v-48h80z"
fill="url(#linear-gradient-9)"
/>
<path
d="m272 232v-16h-64a8.00039 8.00039 0 0 0 -8 8v64a8.00039 8.00039 0 0 0 8 8h64v-16h-56v-48z"
fill="url(#linear-gradient-10)"
/>
<path d="m72 312h112v16h-112z" fill="url(#linear-gradient-9)" />
<path d="m200 312h72v16h-72z" fill="url(#linear-gradient-10)" />
<g fill="url(#linear-gradient-13)">
<path d="m344 240h96v16h-96z" />
<path d="m360 272h64v16h-64z" />
<path
d="m328 400h128a8.00039 8.00039 0 0 0 8-8v-48a8.00039 8.00039 0 0 0 -8-8h-128a8.00039 8.00039 0 0 0 -8 8v48a8.00039 8.00039 0 0 0 8 8zm8-48h112v32h-112z"
/>
<path d="m320 416h144v16h-144z" />
</g>
</g>
</svg>
More icons in the same style and category