Add icons to this collection by clicking the heart icon.
Webpage icon - also known as communication, email, social, website, webpage, gmail, communications, 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="_Linear1"
gradientTransform="matrix(0 -21.5 21.5 0 16 12.5)"
gradientUnits="userSpaceOnUse"
x1="0"
x2="1"
y1="0"
y2="0"
>
<stop offset="0" stop-color="#d9defb" />
<stop offset="1" stop-color="#4460ff" />
</linearGradient>
<linearGradient
id="_Linear2"
gradientTransform="matrix(0 16.15 -16.15 0 16.5 8)"
gradientUnits="userSpaceOnUse"
x1="0"
x2="1"
y1="0"
y2="0"
>
<stop offset="0" stop-color="#5bb774" />
<stop offset="1" stop-color="#1e8a3c" />
</linearGradient>
<linearGradient
id="_Linear3"
gradientTransform="matrix(0 11.735 -11.735 0 16.584 21.765)"
gradientUnits="userSpaceOnUse"
x1="0"
x2="1"
y1="0"
y2="0"
>
<stop offset="0" stop-color="#feb340" />
<stop offset="1" stop-color="#cb7b00" />
</linearGradient>
<linearGradient
id="_Linear4"
gradientTransform="matrix(0 11.023 -11.023 0 16 16.365)"
gradientUnits="userSpaceOnUse"
x1="0"
x2="1"
y1="0"
y2="0"
>
<stop offset="0" stop-color="#fe8745" />
<stop offset="1" stop-color="#cf4a00" />
</linearGradient>
<linearGradient
id="_Linear5"
gradientTransform="matrix(0 4.003 -4.003 0 5.947 6.997)"
gradientUnits="userSpaceOnUse"
x1="0"
x2="1"
y1="0"
y2="0"
>
<stop offset="0" stop-color="#ed3841" />
<stop offset="1" stop-color="#b70009" />
</linearGradient>
<linearGradient
id="_Linear6"
gradientTransform="matrix(0 5.145 -5.145 0 9.201 6.997)"
gradientUnits="userSpaceOnUse"
x1="0"
x2="1"
y1="0"
y2="0"
>
<stop offset="0" stop-color="#51d950" />
<stop offset="1" stop-color="#0bb10a" />
</linearGradient>
<linearGradient
id="_Linear7"
gradientTransform="matrix(0 6.338 -6.338 0 12.5 6.5)"
gradientUnits="userSpaceOnUse"
x1="0"
x2="1"
y1="0"
y2="0"
>
<stop offset="0" stop-color="#f3b232" />
<stop offset="1" stop-color="#b77a00" />
</linearGradient>
<linearGradient
id="_Linear8"
gradientTransform="matrix(0 7.503 -7.503 0 23.679 6.997)"
gradientUnits="userSpaceOnUse"
x1="0"
x2="1"
y1="0"
y2="0"
>
<stop offset="0" stop-color="#455a64" />
<stop offset="1" stop-color="#18313c" />
</linearGradient>
<g fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2">
<path
d="m30.75 6.244c0-1.519-1.231-2.75-2.75-2.75-5.154 0-18.846 0-24 0-1.519 0-2.75 1.231-2.75 2.75v19.519c0 1.519 1.231 2.75 2.75 2.75h24c1.519 0 2.75-1.231 2.75-2.75z"
fill="url(#_Linear1)"
/>
<path
d="m1.25 10.5h29.5v-4.256c0-1.519-1.231-2.75-2.75-2.75-5.154 0-18.846 0-24 0-1.519 0-2.75 1.231-2.75 2.75z"
fill="url(#_Linear2)"
/>
<path
d="m23.679 23.031v-7.26c0-.961-.779-1.74-1.739-1.74-2.552 0-9.328 0-11.88 0-.96 0-1.739.779-1.739 1.74v7.26c0 .961.779 1.74 1.739 1.74h11.88c.96 0 1.739-.779 1.739-1.74z"
fill="url(#_Linear3)"
/>
<path
d="m8.392 15.276 6.043 3.816c.967.611 2.163.611 3.13 0l6.043-3.816c-.214-.72-.88-1.245-1.668-1.245-2.552 0-9.328 0-11.88 0-.788 0-1.454.525-1.668 1.245z"
fill="url(#_Linear4)"
/>
<circle cx="5.947" cy="6.997" fill="url(#_Linear5)" r=".75" />
<circle cx="9.201" cy="6.997" fill="url(#_Linear6)" r=".75" />
<circle cx="12.456" cy="6.997" fill="url(#_Linear7)" r=".75" />
<path
d="m27.191 6.247h-7.529c-.413 0-.75.336-.75.75s.337.75.75.75h7.529c.414 0 .75-.336.75-.75s-.336-.75-.75-.75z"
fill="url(#_Linear8)"
/>
</g>
</svg>
More icons in the same style and category