Add icons to this collection by clicking the heart icon.
Web Page icon - also known as web design, web page, web browser, website content, seo and web, and website feeds. 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">
<stop offset="0" stop-color="#82d0d9" />
<stop offset=".5" stop-color="#f2ac57" />
<stop offset="1" stop-color="#d94711" />
</linearGradient>
<linearGradient
id="b"
x1="32"
x2="32"
y1="1.383"
y2="68.034"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="49"
x2="49"
y1="1.383"
y2="68.034"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="57"
x2="57"
y1="1.383"
y2="68.034"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="21"
x2="21"
y1="1.383"
y2="68.034"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="11"
x2="11"
y1="1.383"
y2="68.034"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="9.5"
x2="9.5"
y1="1.383"
y2="68.034"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="22.5"
x2="22.5"
y1="1.383"
y2="68.034"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="38"
x2="38"
y1="1.383"
y2="68.034"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="40.5"
x2="40.5"
y1="1.383"
y2="68.034"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="k"
x1="54"
x2="54"
y1="1.383"
y2="68.034"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="l"
x1="33.5"
x2="33.5"
y1="1.383"
y2="68.034"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="m"
x1="38.5"
x2="38.5"
y1="1.383"
y2="68.034"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="n"
x1="43.5"
x2="43.5"
y1="1.383"
y2="68.034"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="o"
x1="53"
x2="53"
y1="1.383"
y2="68.034"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="p"
x1="18"
x2="18"
y1="1.383"
y2="68.034"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M59 2H5C2.243 2 0 4.243 0 7v50c0 2.757 2.243 5 5 5h54c2.757 0 5-2.243 5-5V7c0-2.757-2.243-5-5-5zm3 55c0 1.654-1.346 3-3 3H5c-1.654 0-3-1.346-3-3V16h60zm0-43H2V7c0-1.654 1.346-3 3-3h54c1.654 0 3 1.346 3 3z"
/>
<path
fill="url(#c)"
d="M49 6c-1.654 0-3 1.346-3 3s1.346 3 3 3 3-1.346 3-3-1.346-3-3-3zm0 4a1 1 0 1 1 0-2 1 1 0 0 1 0 2z"
/>
<path
fill="url(#d)"
d="M57 6c-1.654 0-3 1.346-3 3s1.346 3 3 3 3-1.346 3-3-1.346-3-3-3zm0 4a1 1 0 1 1 0-2 1 1 0 0 1 0 2z"
/>
<path
fill="url(#e)"
d="M34 6H8C6.346 6 5 7.346 5 9s1.346 3 3 3h26c1.654 0 3-1.346 3-3s-1.346-3-3-3zm0 4H8a1 1 0 0 1 0-2h26a1 1 0 0 1 0 2z"
/>
<path
fill="url(#b)"
d="M7 30h13.7a11.922 11.922 0 0 0-.7 4c0 6.617 5.383 12 12 12s12-5.383 12-12c0-1.404-.255-2.747-.7-4H57c1.654 0 3-1.346 3-3v-6c0-1.654-1.346-3-3-3H7c-1.654 0-3 1.346-3 3v6c0 1.654 1.346 3 3 3zm30.6 12.28C36.001 43.365 34.073 44 32 44s-4.001-.635-5.6-1.72v-2.37c0-.636.408-1.199 1.015-1.401l2.526-.839 1.228 1.836c.371.555 1.291.555 1.662 0l1.228-1.836 2.524.838A1.48 1.48 0 0 1 37.6 39.91zm-5.718-8.455a2.297 2.297 0 0 1-2.181-2.296v-2.566c0-.459.374-.833.833-.833h2.932c.459 0 .833.374.833.833v2.385c0 .696-.291 1.372-.799 1.854a2.19 2.19 0 0 1-1.618.623zm.767 1.939v.415L32 37.15l-.649-.971v-.417c.143.022.285.054.431.062.07.003.141.005.21.005a4.12 4.12 0 0 0 .657-.065zm6.951 4.718v-.572a3.48 3.48 0 0 0-2.384-3.3l-2.566-.852v-.925c.075-.062.157-.112.229-.18a4.582 4.582 0 0 0 1.421-3.305v-2.385a2.836 2.836 0 0 0-2.833-2.833h-2.932a2.836 2.836 0 0 0-2.833 2.833v2.566c0 1.145.446 2.224 1.26 3.043.121.12.257.219.39.323v.863l-2.568.853a3.478 3.478 0 0 0-2.382 3.299v.572A9.937 9.937 0 0 1 22 34c0-5.514 4.486-10 10-10s10 4.486 10 10a9.946 9.946 0 0 1-2.4 6.482zM6 21a1 1 0 0 1 1-1h50a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1H42.377C40.298 24.419 36.43 22 32 22s-8.298 2.419-10.377 6H7a1 1 0 0 1-1-1z"
/>
<g fill="url(#f)">
<path
d="M5 36h12a1 1 0 1 0 0-2H5a1 1 0 1 0 0 2zM5 40h12a1 1 0 1 0 0-2H5a1 1 0 1 0 0 2zM5 44h12a1 1 0 1 0 0-2H5a1 1 0 1 0 0 2z"
/>
</g>
<path
fill="url(#g)"
d="M7 57h5c1.654 0 3-1.346 3-3v-4c0-1.654-1.346-3-3-3H7c-1.654 0-3 1.346-3 3v4c0 1.654 1.346 3 3 3zm-1-7a1 1 0 0 1 1-1h5a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1z"
/>
<path
fill="url(#h)"
d="M25 47h-5c-1.654 0-3 1.346-3 3v4c0 1.654 1.346 3 3 3h5c1.654 0 3-1.346 3-3v-4c0-1.654-1.346-3-3-3zm1 7a1 1 0 0 1-1 1h-5a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1h5a1 1 0 0 1 1 1z"
/>
<path fill="url(#i)" d="M33 50h10a1 1 0 1 0 0-2H33a1 1 0 1 0 0 2z" />
<path fill="url(#j)" d="M48 52H33a1 1 0 1 0 0 2h15a1 1 0 1 0 0-2z" />
<path fill="url(#k)" d="M56 52h-4a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2z" />
<path fill="url(#l)" d="M34 56h-1a1 1 0 1 0 0 2h1a1 1 0 1 0 0-2z" />
<path fill="url(#m)" d="M39 56h-1a1 1 0 1 0 0 2h1a1 1 0 1 0 0-2z" />
<path fill="url(#n)" d="M44 56h-1a1 1 0 1 0 0 2h1a1 1 0 1 0 0-2z" />
<path
fill="url(#o)"
d="M57 33h-8c-1.654 0-3 1.346-3 3v8c0 1.654 1.346 3 3 3h8c1.654 0 3-1.346 3-3v-8c0-1.654-1.346-3-3-3zm1 11a1 1 0 0 1-1 1h-8a1 1 0 0 1-1-1v-3h10zm0-5H48v-3a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1z"
/>
<path
fill="url(#f)"
d="M9 27a1 1 0 0 0 1-1v-2h3a1 1 0 1 0 0-2H9a1 1 0 0 0-1 1v3a1 1 0 0 0 1 1z"
/>
<path fill="url(#p)" d="M17 24h2a1 1 0 1 0 0-2h-2a1 1 0 1 0 0 2z" />
</svg>
More icons in the same style and category