Add icons to this collection by clicking the heart icon.
Responsive Webpage icon - also known as mobile phone, web design, page, website, layout, browser, ui, website design, web browser, 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=".773"
y2="46.978"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00e7f0" />
<stop offset="1" stop-color="#006df0" />
</linearGradient>
<linearGradient id="b" x1="31" x2="31" y1=".773" y2="46.978" href="#a" />
<linearGradient
id="c"
x1="43.5"
x2="43.5"
y1=".773"
y2="46.978"
href="#a"
/>
<linearGradient
id="d"
x1="56.5"
x2="56.5"
y1=".773"
y2="46.978"
href="#a"
/>
<linearGradient
id="e"
x1="47.5"
x2="47.5"
y1=".773"
y2="46.978"
href="#a"
/>
<linearGradient id="f" x1="50" x2="50" y1=".773" y2="46.978" href="#a" />
<linearGradient
id="g"
x1="37.5"
x2="37.5"
y1=".773"
y2="46.978"
href="#a"
/>
<linearGradient id="h" x1="40" x2="40" y1=".773" y2="46.978" href="#a" />
<linearGradient
id="i"
x1="52.5"
x2="52.5"
y1=".773"
y2="46.978"
href="#a"
/>
<linearGradient
id="j"
x1="23.5"
x2="23.5"
y1=".773"
y2="46.978"
href="#a"
/>
<linearGradient
id="k"
x1="28.5"
x2="28.5"
y1=".773"
y2="46.978"
href="#a"
/>
<linearGradient
id="l"
x1="33.5"
x2="33.5"
y1=".773"
y2="46.978"
href="#a"
/>
<linearGradient id="m" x1="46" x2="46" y1=".773" y2="46.978" href="#a" />
<linearGradient id="n" x1="14" x2="14" y1=".773" y2="46.978" href="#a" />
<path
fill="url(#a)"
d="M59 2H21a3.009 3.009 0 0 0-3 3v21H7a5 5 0 0 0-5 5v26a5 5 0 0 0 5 5h14a5 5 0 0 0 5-5v-5h33a3.009 3.009 0 0 0 3-3V5a3.009 3.009 0 0 0-3-3zM4 31a3.009 3.009 0 0 1 3-3h11v4H4zm20 26a3.009 3.009 0 0 1-3 3H7a3.009 3.009 0 0 1-3-3v-1h20zm0-3H4V34h14v15a3.009 3.009 0 0 0 3 3h3zm36-5a1 1 0 0 1-1 1H21a1 1 0 0 1-1-1V12h40zm0-39H20V5a1 1 0 0 1 1-1h38a1 1 0 0 1 1 1z"
/>
<path
fill="url(#b)"
d="M23 32h16a1 1 0 0 0 1-1V15a1 1 0 0 0-1-1H23a1 1 0 0 0-1 1v16a1 1 0 0 0 1 1zm1-16h14v14H24z"
/>
<path fill="url(#c)" d="M43 16h1a1 1 0 0 0 0-2h-1a1 1 0 0 0 0 2z" />
<path fill="url(#d)" d="M57 30h-1a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2z" />
<path fill="url(#e)" d="M43 32h9a1 1 0 0 0 0-2h-9a1 1 0 0 0 0 2z" />
<path
fill="url(#f)"
d="M43 28h14a1 1 0 0 0 0-2H43a1 1 0 0 0 0 2zM43 24h14a1 1 0 0 0 0-2H43a1 1 0 0 0 0 2z"
/>
<path fill="url(#d)" d="M57 46h-1a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2z" />
<path fill="url(#g)" d="M23 48h29a1 1 0 0 0 0-2H23a1 1 0 0 0 0 2z" />
<g fill="url(#h)">
<path
d="M23 36h34a1 1 0 0 0 0-2H23a1 1 0 0 0 0 2zM23 40h34a1 1 0 0 0 0-2H23a1 1 0 0 0 0 2zM23 44h34a1 1 0 0 0 0-2H23a1 1 0 0 0 0 2z"
/>
</g>
<path fill="url(#f)" d="M43 20h14a1 1 0 0 0 0-2H43a1 1 0 0 0 0 2z" />
<path fill="url(#i)" d="M48 16h9a1 1 0 0 0 0-2h-9a1 1 0 0 0 0 2z" />
<path fill="url(#j)" d="M24 6h-1a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2z" />
<path fill="url(#k)" d="M29 6h-1a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2z" />
<path fill="url(#l)" d="M34 6h-1a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2z" />
<path fill="url(#d)" d="M57 6h-1a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2z" />
<path fill="url(#m)" d="M52 6H40a1 1 0 0 0 0 2h12a1 1 0 0 0 0-2z" />
<path
fill="url(#n)"
d="M13 31h2a1 1 0 0 0 0-2h-2a1 1 0 0 0 0 2zM16 57h-4a1 1 0 0 0 0 2h4a1 1 0 0 0 0-2z"
/>
</svg>
More icons in the same style and category