Add icons to this collection by clicking the heart icon.
Browser icon - also known as interface, internet, web, website, browser, ui, web page, computing, and seo and web. Created in a clean color style with a white, gray, and black finish, 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="100"
height="100"
viewBox="0 0 512 512"
>
<linearGradient
id="a"
x1="256"
x2="256"
y1="509"
y2="-1.04"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff8e5b" />
<stop offset="1" stop-color="#a21c16" />
</linearGradient>
<path
d="M512 118.226v275.547C512 459.071 459.071 512 393.774 512H118.227C52.929 512 0 459.071 0 393.774V118.226C0 52.929 52.929 0 118.227 0h275.547C459.071 0 512 52.929 512 118.226z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="256"
x2="256"
y1="505.078"
y2="3.01"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff602f" />
<stop offset="1" stop-color="#850000" />
</linearGradient>
<path
d="M118.226 508C55.242 508 4 456.758 4 393.773V118.227C4 55.242 55.242 4 118.226 4h275.547C456.758 4 508 55.242 508 118.227v275.547C508 456.758 456.758 508 393.773 508H118.226z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="230.12"
x2="497.17"
y1="280.58"
y2="13.53"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#4c0000" />
<stop offset="1" stop-color="#620000" stop-opacity="0" />
</linearGradient>
<path
d="M512 215.26v178.51C512 459.07 459.07 512 393.77 512H208.66L73.16 376.5l365.5-234.58L512 215.26z"
opacity=".5"
fill="url(#c)"
/>
<path
d="M433.038 385.458H88.962c-7.711 0-13.962-6.251-13.962-13.962V160.885c0-7.711 6.251-13.962 13.962-13.962h344.076c7.711 0 13.962 6.251 13.962 13.962v210.611c0 7.711-6.251 13.962-13.962 13.962z"
opacity=".3"
fill="#1a1a1a"
/>
<linearGradient
id="d"
x1="255.66"
x2="255.66"
y1="353.39"
y2="145.86"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset=".005" stop-color="#a1a1a1" />
<stop offset="1" stop-color="#adadad" />
</linearGradient>
<path
d="M427.698 380.458H83.622c-7.711 0-13.962-6.251-13.962-13.962V155.885c0-7.711 6.251-13.962 13.962-13.962h344.076c7.711 0 13.962 6.251 13.962 13.962v210.611c0 7.711-6.251 13.962-13.962 13.962z"
fill="url(#d)"
/>
<path
d="M427.698 375.41H83.622c-7.711 0-13.962-6.251-13.962-13.962V150.837c0-7.711 6.251-13.962 13.962-13.962h344.076c7.711 0 13.962 6.251 13.962 13.962v210.611c0 7.711-6.251 13.962-13.962 13.962z"
fill="#fff"
/>
<linearGradient
id="e"
x1="255.66"
x2="255.66"
y1="356.76"
y2="152.7"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f2f2f2" />
<stop offset=".995" stop-color="#e6e6e6" />
</linearGradient>
<path
d="M83.622 373.41c-6.596 0-11.962-5.366-11.962-11.962V150.837c0-6.596 5.366-11.962 11.962-11.962h344.076c6.596 0 11.962 5.366 11.962 11.962v210.611c0 6.596-5.366 11.962-11.962 11.962H83.622z"
fill="url(#e)"
/>
<linearGradient
id="f"
x1="255.66"
x2="255.66"
y1="373.61"
y2="334.62"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset=".005" stop-color="#b3b3b3" />
<stop offset="1" stop-color="#999" />
</linearGradient>
<path
d="M441.66 181.697v-30.86c0-7.711-6.251-13.962-13.962-13.962H83.622c-7.711 0-13.962 6.251-13.962 13.962v30.86h372z"
fill="url(#f)"
/>
<linearGradient
id="g"
x1="255.66"
x2="255.66"
y1="373.99"
y2="339.11"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b3b3b3" />
<stop offset=".995" stop-color="#ccc" />
</linearGradient>
<path
d="M441.66 176.964v-26.127c0-7.711-6.251-13.962-13.962-13.962H83.622c-7.711 0-13.962 6.251-13.962 13.962v26.127h372z"
fill="url(#g)"
/>
<linearGradient
id="h"
x1="255.66"
x2="255.66"
y1="372.3"
y2="340.9"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#999" />
<stop offset=".995" stop-color="#b3b3b3" />
</linearGradient>
<path
d="M71.66 174.964v-24.127c0-6.596 5.366-11.962 11.962-11.962h344.076c6.596 0 11.962 5.366 11.962 11.962v24.127h-368z"
fill="url(#h)"
/>
<circle cx="98.53" cy="158.81" r="8.05" fill="#666" />
<circle cx="124.72" cy="158.81" r="8.05" fill="#666" />
<circle cx="150.91" cy="158.81" r="8.05" fill="#666" />
<linearGradient
id="i"
x1="96.64"
x2="96.64"
y1="363.87"
y2="349.87"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#bc3f3c" />
<stop offset="1" stop-color="#943535" />
</linearGradient>
<circle cx="96.64" cy="156.92" r="8.05" fill="url(#i)" />
<linearGradient
id="j"
x1="122.83"
x2="122.83"
y1="363.87"
y2="349.87"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffc746" />
<stop offset=".995" stop-color="#ffa746" />
</linearGradient>
<circle cx="122.83" cy="156.92" r="8.05" fill="url(#j)" />
<linearGradient
id="k"
x1="149.02"
x2="149.02"
y1="363.87"
y2="349.87"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#2cb262" />
<stop offset=".991" stop-color="#2c9262" />
</linearGradient>
<circle cx="149.02" cy="156.92" r="8.05" fill="url(#k)" />
<linearGradient
id="l"
x1="149.17"
x2="149.17"
y1="305.63"
y2="170.57"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset=".006" stop-color="#5fcee2" />
<stop offset="1" stop-color="#29abe2" />
</linearGradient>
<path d="M98.53 208.81h101.28v136.31H98.53z" fill="url(#l)" />
<path
d="M251.56 208.81h164.07v12.12H251.56zM220.64 233.65h194.99v12.12H220.64zM220.64 258.49h194.99v12.12H220.64zM220.64 283.32h194.99v12.12H220.64zM220.64 308.16h194.99v12.12H220.64zM220.64 333h132.52v12.12H220.64z"
fill="#666"
/>
</svg>
More icons in the same style and category