Add icons to this collection by clicking the heart icon.
Webpage icon - also known as interface, refresh, internet, waiting, loading, website, ui, webpage, webpages, and seo and web. Created in a clean flat 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 32 32"
>
<linearGradient
id="b"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(0 -12.135 12.135 0 17.5 13.135)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d9defb" />
<stop offset="1" stop-color="#4460ff" />
</linearGradient>
<linearGradient
id="c"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(0 8 -8 0 16.5 8.5)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#5bb774" />
<stop offset="1" stop-color="#1e8a3c" />
</linearGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#455a64" />
<stop offset="1" stop-color="#18313c" />
</linearGradient>
<linearGradient
id="d"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="rotate(90 8.26 15.209) scale(3.932)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="rotate(90 -.8 6.178) scale(2.522)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ed3841" />
<stop offset="1" stop-color="#b70009" />
</linearGradient>
<linearGradient
id="f"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(0 2.874 -2.874 0 8.5 7)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#51d950" />
<stop offset="1" stop-color="#0bb10a" />
</linearGradient>
<linearGradient
id="g"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(0 3.051 -3.051 0 12 6.949)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f3b232" />
<stop offset="1" stop-color="#b77a00" />
</linearGradient>
<linearGradient
id="h"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="rotate(90 -1.104 17.703) scale(14.193)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<g fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2">
<path
fill="url(#b)"
d="M30.75 6.24A2.75 2.75 0 0 0 28 3.49H4a2.75 2.75 0 0 0-2.75 2.75v19.52A2.75 2.75 0 0 0 4 28.51h24a2.75 2.75 0 0 0 2.75-2.75z"
/>
<path
fill="url(#c)"
d="M1.25 10.466h29.5V6.24A2.75 2.75 0 0 0 28 3.49H4a2.75 2.75 0 0 0-2.75 2.75z"
/>
<path
fill="url(#d)"
d="M27.565 6.199h-7.528a.75.75 0 0 0 0 1.5h7.528a.75.75 0 0 0 0-1.5z"
/>
<circle cx="5.378" cy="7.008" r=".75" fill="url(#e)" />
<circle cx="8.632" cy="7.008" r=".75" fill="url(#f)" />
<circle cx="11.887" cy="7.008" r=".75" fill="url(#g)" />
<g fill="url(#h)">
<path
d="M10.5 23.25h8.48a.75.75 0 0 0 0-1.5H10.5a.75.75 0 0 0 0 1.5z"
/>
<path
fill-rule="nonzero"
d="M11.288 14.582c.139-.139.29-.208.453-.208s.289.013.38.04c.091.026.16.057.208.092a.328.328 0 0 1 .112.172c.027.091.04.232.04.424v4.46c0 .122-.004.214-.012.276a.636.636 0 0 1-.076.212c-.074.144-.283.216-.624.216-.331 0-.537-.069-.617-.208-.042-.08-.068-.153-.076-.22s-.012-.164-.012-.292v-2.859l-.104.097c-.219.165-.406.248-.56.248-.155 0-.317-.094-.485-.281-.168-.186-.252-.352-.252-.496s.096-.301.288-.472l1.313-1.185.024-.016zM13.61 15.058c.155-.216.372-.397.653-.544.28-.147.604-.22.972-.22.369 0 .69.072.965.216s.491.323.649.536c.157.214.284.465.38.753.16.48.24.99.24 1.529 0 .966-.208 1.732-.624 2.298-.155.213-.37.389-.645.528s-.594.208-.957.208-.684-.07-.964-.212a1.844 1.844 0 0 1-.657-.524 2.727 2.727 0 0 1-.388-.745 4.865 4.865 0 0 1-.232-1.561c0-.534.062-.99.188-1.369.125-.379.265-.677.42-.893zm1.617 3.879c.55 0 .825-.523.825-1.569v-.048c0-1.073-.272-1.609-.817-1.609-.544 0-.816.537-.816 1.613 0 1.075.269 1.613.808 1.613zM18.478 15.058c.155-.216.372-.397.652-.544.281-.147.605-.22.973-.22s.69.072.965.216.491.323.648.536c.158.214.285.465.381.753.16.48.24.99.24 1.529 0 .966-.208 1.732-.625 2.298-.154.213-.369.389-.644.528s-.594.208-.957.208-.684-.07-.965-.212a1.84 1.84 0 0 1-.656-.524 2.7 2.7 0 0 1-.388-.745 4.864 4.864 0 0 1-.233-1.561c0-.534.063-.99.189-1.369.125-.379.265-.677.42-.893zm1.617 3.879c.55 0 .825-.523.825-1.569v-.048c0-1.073-.272-1.609-.817-1.609-.544 0-.816.537-.816 1.613 0 1.075.269 1.613.808 1.613z"
/>
<circle cx="21.26" cy="22.5" r=".75" />
</g>
</g>
</svg>
More icons in the same style and category