Add icons to this collection by clicking the heart icon.
Responsive Webpage icon - also known as web design, page, website, layout, browser, ui, website design, web browser, square layout, responsive webpage, and seo and web. 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="32"
x2="32"
y1="1.661"
y2="46.381"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00e7f0" />
<stop offset="1" stop-color="#006df0" />
</linearGradient>
<linearGradient id="b" x1="19" x2="19" y1="1.661" y2="46.381" href="#a" />
<linearGradient id="c" x1="44" x2="44" y1="1.661" y2="46.381" href="#a" />
<linearGradient
id="d"
x1="41.5"
x2="41.5"
y1="1.661"
y2="46.381"
href="#a"
/>
<linearGradient
id="e"
x1="46.5"
x2="46.5"
y1="1.661"
y2="46.381"
href="#a"
/>
<linearGradient
id="f"
x1="33.5"
x2="33.5"
y1="1.661"
y2="46.381"
href="#a"
/>
<linearGradient
id="g"
x1="54.5"
x2="54.5"
y1="1.661"
y2="46.381"
href="#a"
/>
<linearGradient
id="h"
x1="11.5"
x2="11.5"
y1="1.661"
y2="46.381"
href="#a"
/>
<linearGradient
id="i"
x1="16.5"
x2="16.5"
y1="1.661"
y2="46.381"
href="#a"
/>
<linearGradient
id="j"
x1="21.5"
x2="21.5"
y1="1.661"
y2="46.381"
href="#a"
/>
<linearGradient id="k" x1="18" x2="18" y1="1.661" y2="46.381" href="#a" />
<path
fill="url(#a)"
d="M59 12H34V7a5 5 0 0 0-5-5H7a5 5 0 0 0-5 5v50a5 5 0 0 0 5 5h22a5 5 0 0 0 5-5v-5h25a3.009 3.009 0 0 0 3-3V15a3.009 3.009 0 0 0-3-3zM4 7a3.009 3.009 0 0 1 3-3h22a3.009 3.009 0 0 1 3 3v1H4zm28 50a3.009 3.009 0 0 1-3 3H7a3.009 3.009 0 0 1-3-3v-1h28zm0-3H4V10h28v2H9a3.009 3.009 0 0 0-3 3v34a3.009 3.009 0 0 0 3 3h23zm28-5a1 1 0 0 1-1 1H9a1 1 0 0 1-1-1V20h52zm0-31H8v-3a1 1 0 0 1 1-1h50a1 1 0 0 1 1 1z"
/>
<path
fill="url(#b)"
d="M11 48h16a1 1 0 0 0 1-1V23a1 1 0 0 0-1-1H11a1 1 0 0 0-1 1v24a1 1 0 0 0 1 1zm1-24h14v22H12z"
/>
<path
fill="url(#c)"
d="M33 40h22a1 1 0 0 0 0-2H33a1 1 0 0 0 0 2zM33 44h22a1 1 0 0 0 0-2H33a1 1 0 0 0 0 2z"
/>
<path fill="url(#d)" d="M33 48h17a1 1 0 0 0 0-2H33a1 1 0 0 0 0 2z" />
<path fill="url(#e)" d="M55 34H38a1 1 0 0 0 0 2h17a1 1 0 0 0 0-2z" />
<path
fill="url(#c)"
d="M33 32h22a1 1 0 0 0 0-2H33a1 1 0 0 0 0 2zM33 28h22a1 1 0 0 0 0-2H33a1 1 0 0 0 0 2z"
/>
<path
fill="url(#f)"
d="M33 24h1a1 1 0 0 0 0-2h-1a1 1 0 0 0 0 2zM33 36h1a1 1 0 0 0 0-2h-1a1 1 0 0 0 0 2z"
/>
<path fill="url(#e)" d="M38 24h17a1 1 0 0 0 0-2H38a1 1 0 0 0 0 2z" />
<path fill="url(#g)" d="M55 46h-1a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2z" />
<path fill="url(#h)" d="M12 15h-1a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2z" />
<path fill="url(#i)" d="M17 15h-1a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2z" />
<path fill="url(#j)" d="M22 15h-1a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2z" />
<g fill="url(#k)">
<path
d="M20 57h-4a1 1 0 0 0 0 2h4a1 1 0 0 0 0-2zM17 7h2a1 1 0 0 0 0-2h-2a1 1 0 0 0 0 2z"
/>
</g>
</svg>
More icons in the same style and category