Add icons to this collection by clicking the heart icon.
Web Browser icon - also known as cloud, web, weather, day, date, sun, sky, and web browser. 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 512 512"
>
<linearGradient
id="a"
x1="255.999"
x2="255.999"
y1="-1.708"
y2="511.619"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#50b8ff" />
<stop offset=".384" stop-color="#359dff" />
<stop offset=".747" stop-color="#238aff" />
<stop offset="1" stop-color="#1c83ff" />
</linearGradient>
<linearGradient
id="b"
x1="175.252"
x2="455.089"
y1="175.241"
y2="455.077"
gradientUnits="userSpaceOnUse"
>
<stop offset=".002" stop-color="#027fd3" />
<stop offset=".9" stop-color="#027fd3" stop-opacity="0" />
</linearGradient>
<linearGradient
id="c"
x1="255.999"
x2="255.999"
y1="388.053"
y2="123.945"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#8ebfff" />
<stop offset=".373" stop-color="#b2d4ff" />
<stop offset=".778" stop-color="#d3e7ff" />
<stop offset="1" stop-color="#e0eeff" />
</linearGradient>
<linearGradient
id="d"
x1="255.999"
x2="255.999"
y1="173.023"
y2="123.945"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#7c8eb0" />
<stop offset="1" stop-color="#d1d8e5" />
</linearGradient>
<linearGradient
id="e"
x1="143.002"
x2="143.002"
y1="158.99"
y2="139.763"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff4d4d" />
<stop offset="1" stop-color="#ffa1a1" />
</linearGradient>
<linearGradient
id="f"
x1="182.235"
x2="182.235"
y1="158.99"
y2="139.763"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffc312" />
<stop offset=".168" stop-color="#ffc925" />
<stop offset=".511" stop-color="#ffda58" />
<stop offset=".994" stop-color="#fff5a8" />
<stop offset="1" stop-color="#fff5a9" />
</linearGradient>
<linearGradient
id="g"
x1="221.468"
x2="221.468"
y1="158.99"
y2="139.763"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#44d1a8" />
<stop offset=".21" stop-color="#4bd5ad" />
<stop offset=".512" stop-color="#5ee0b9" />
<stop offset=".866" stop-color="#7cf1ce" />
<stop offset="1" stop-color="#8af9d7" />
</linearGradient>
<linearGradient
id="h"
x1="217.028"
x2="230.362"
y1="230.032"
y2="258.872"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff5a9" />
<stop offset=".006" stop-color="#fff5a8" />
<stop offset=".489" stop-color="#ffda58" />
<stop offset=".832" stop-color="#ffc925" />
<stop offset="1" stop-color="#ffc312" />
</linearGradient>
<linearGradient
id="i"
x1="255.999"
x2="255.999"
y1="224.764"
y2="330.361"
gradientUnits="userSpaceOnUse"
>
<stop offset=".215" stop-color="#e0eeff" />
<stop offset=".389" stop-color="#d3e7ff" />
<stop offset=".707" stop-color="#b2d4ff" />
<stop offset="1" stop-color="#8ebfff" />
</linearGradient>
<linearGradient
id="j"
x1="211.565"
x2="211.565"
y1="260.578"
y2="333.925"
gradientUnits="userSpaceOnUse"
>
<stop offset=".095" stop-color="#e0eeff" />
<stop offset=".671" stop-color="#e0eeff" stop-opacity="0" />
</linearGradient>
<path
fill="url(#a)"
d="M512 256c-1.5 85.6-16.6 154.5-59.7 196.3-41.8 43.1-110.7 58.2-196.3 59.7-85.6-1.5-154.5-16.6-196.3-59.7C16.6 410.5 1.5 341.6 0 256c1.5-85.6 16.6-154.5 59.7-196.3C101.5 16.6 170.4 1.5 256 0c85.6 1.5 154.5 16.6 196.3 59.7 43.1 41.8 58.2 110.7 59.7 196.3z"
/>
<path
fill="url(#b)"
d="M511.7 243.7 398 129.2c0-.1-.1-.1-.1-.1l-.1-.1c-3.2-3.1-7.5-5-12.3-5H126.6c-9.8 0-17.7 7.9-17.7 17.7v228.7c0 5.3 2.3 10 6 13.2l128 128c4.3.2 8.7.3 13.1.4 85.6-1.5 154.5-16.6 196.3-59.7 43.1-41.8 58.1-110.7 59.7-196.3l-.3-12.3z"
/>
<path
fill="url(#c)"
d="M403.1 141.6v228.7c0 9.8-7.9 17.7-17.7 17.7H126.6c-9.8 0-17.7-7.9-17.7-17.7V141.6c0-9.8 7.9-17.7 17.7-17.7h258.8c9.8 0 17.7 8 17.7 17.7z"
/>
<path
fill="url(#d)"
d="M403.1 141.6V173H108.9v-31.4c0-9.8 7.9-17.7 17.7-17.7h258.8c9.8 0 17.7 8 17.7 17.7z"
/>
<circle cx="143" cy="149.4" r="9.6" fill="url(#e)" />
<circle cx="182.2" cy="149.4" r="9.6" fill="url(#f)" />
<circle cx="221.5" cy="149.4" r="9.6" fill="url(#g)" />
<circle cx="231.7" cy="261.7" r="34.6" fill="url(#h)" />
<path
fill="url(#i)"
d="M283.7 227.1c-24.8 0-45.6 16.9-51.6 39.7-5.8-3.9-12.9-6.2-20.5-6.2-20.3 0-36.7 16.4-36.7 36.7s16.4 36.7 36.7 36.7h72.1c29.5 0 53.4-23.9 53.4-53.4s-23.9-53.5-53.4-53.5z"
/>
<circle cx="211.6" cy="297.3" r="36.7" fill="url(#j)" />
</svg>
More icons in the same style and category