Add icons to this collection by clicking the heart icon.
Web Page icon - also known as fashion, website, browser, commerce and shopping, web page, online store, online shopping, ecommerce, and online shop. 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 -5 5 0 15.674 11)"
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 6 -6 0 17 7)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#1e8fe8" />
<stop offset="1" stop-color="#00599f" />
</linearGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#f06392" />
<stop offset="1" stop-color="#9a007c" />
</linearGradient>
<linearGradient
id="d"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="rotate(90 -4.22 15.323) scale(13.042)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(0 5.017 -5.017 0 22.036 5.5)"
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="rotate(90 2.457 20.849) scale(13.645)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(0 2.926 -2.926 0 9.325 5.7)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#51d950" />
<stop offset="1" stop-color="#0bb10a" />
</linearGradient>
<linearGradient
id="h"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(0 3.541 -3.541 0 13 5.7)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f3b232" />
<stop offset="1" stop-color="#b77a00" />
</linearGradient>
<g fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2">
<path
fill="url(#b)"
d="M30.75 5.05A2.75 2.75 0 0 0 28 2.3H4a2.75 2.75 0 0 0-2.75 2.75V26A2.75 2.75 0 0 0 4 28.75h24A2.75 2.75 0 0 0 30.75 26z"
/>
<path
fill="url(#c)"
d="M1.25 9.1h29.5V5.05A2.75 2.75 0 0 0 28 2.3H4a2.75 2.75 0 0 0-2.75 2.75z"
/>
<path
fill="url(#d)"
d="M8.489 13.892a.752.752 0 0 0-1.111.658c0 .705-.062 1.347-.259 1.809-.098.231-.222.415-.46.415a.75.75 0 0 0-.75.75v5.193a.75.75 0 0 0 .467.694c2.558 1.046 5.116 1.072 7.674-.002a.75.75 0 0 0 .46-.692v-5.193a.75.75 0 0 0-.75-.75c-.238 0-.362-.184-.46-.415-.197-.462-.259-1.104-.259-1.809a.75.75 0 0 0-1.11-.658c-1.147.626-2.295.629-3.442 0z"
/>
<path
fill="url(#e)"
d="M26.841 4.95h-7.682a.75.75 0 0 0 0 1.5h7.682a.75.75 0 0 0 0-1.5z"
/>
<g fill="url(#f)">
<path
d="M19.339 15.314h5.922a.75.75 0 0 0 0-1.5h-5.922a.75.75 0 0 0 0 1.5zM19.339 19.542h5.922a.75.75 0 0 0 0-1.5h-5.922a.75.75 0 0 0 0 1.5zM19.339 23.771h5.922a.75.75 0 0 0 0-1.5h-5.922a.75.75 0 0 0 0 1.5z"
/>
</g>
<circle cx="6.2" cy="5.7" r="1.05" fill="#ed3841" />
<circle cx="9.455" cy="5.7" r="1.05" fill="url(#g)" />
<circle cx="12.71" cy="5.7" r="1.05" fill="url(#h)" />
</g>
</svg>
More icons in the same style and category