Gentleface › Layout & interface › browser

browser icon

Browser: browser, web page, website, web browser. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.

Code line-round

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M1.14 2.264C1.242 2.007 1.391 1.781 1.586 1.586C1.781 1.391 2.007 1.242 2.264 1.14C2.5 1.047 2.746 1 3 1L13 1C13.254 1 13.5 1.047 13.736 1.14C13.993 1.242 14.219 1.391 14.414 1.586C14.609 1.781 14.758 2.007 14.86 2.264C14.953 2.5 15 2.746 15 3L15 12C15 12.254 14.953 12.5 14.86 12.736C14.758 12.993 14.609 13.219 14.414 13.414C14.219 13.609 13.993 13.758 13.736 13.86C13.5 13.953 13.254 14 13 14L12.5 14C12.359 14 12.241 13.952 12.144 13.856C12.048 13.759 12 13.641 12 13.5C12 13.359 12.048 13.241 12.144 13.144C12.241 13.048 12.359 13 12.5 13L13 13C13.276 13 13.512 12.902 13.707 12.707C13.902 12.512 14 12.276 14 12L14 5L2 5L2 12C2 12.276 2.098 12.512 2.293 12.707C2.488 12.902 2.724 13 3 13L3.5 13C3.641 13 3.759 13.048 3.856 13.144C3.952 13.241 4 13.359 4 13.5C4 13.641 3.952 13.759 3.856 13.856C3.759 13.952 3.641 14 3.5 14L3 14C2.746 14 2.5 13.953 2.264 13.86C2.007 13.758 1.781 13.609 1.586 13.414C1.391 13.219 1.242 12.993 1.14 12.736C1.047 12.5 1 12.254 1 12L1 3C1 2.746 1.047 2.5 1.14 2.264ZM14 4L14 3C14 2.724 13.902 2.488 13.707 2.293C13.512 2.098 13.276 2 13 2L3 2C2.724 2 2.488 2.098 2.293 2.293C2.098 2.488 2 2.724 2 3L2 4L14 4ZM6.528 6.281C7.001 6.094 7.491 6 8 6C8.509 6 8.999 6.094 9.472 6.281C9.986 6.484 10.438 6.781 10.828 7.172C11.219 7.562 11.516 8.014 11.719 8.528C11.906 9.001 12 9.491 12 10C12 10.509 11.906 10.999 11.719 11.472C11.516 11.986 11.219 12.438 10.828 12.828C10.438 13.219 9.986 13.516 9.472 13.719C8.999 13.906 8.509 14 8 14C7.491 14 7.001 13.906 6.528 13.719C6.014 13.516 5.562 13.219 5.172 12.828C4.781 12.438 4.484 11.986 4.281 11.472C4.094 10.999 4 10.509 4 10C4 9.491 4.094 9.001 4.281 8.528C4.484 8.014 4.781 7.562 5.172 7.172C5.562 6.781 6.014 6.484 6.528 6.281ZM8.213 7.113C8.131 7.038 8.06 7 8 7C7.94 7 7.869 7.038 7.787 7.113C7.647 7.243 7.517 7.446 7.399 7.722C7.268 8.027 7.168 8.385 7.098 8.795C7.087 8.863 7.076 8.931 7.067 9L8.933 9C8.924 8.931 8.913 8.863 8.902 8.795C8.832 8.385 8.732 8.027 8.601 7.722C8.483 7.446 8.353 7.243 8.213 7.113ZM10.121 7.879C9.952 7.709 9.767 7.563 9.567 7.441C9.706 7.792 9.813 8.187 9.888 8.628C9.908 8.751 9.926 8.875 9.941 9L10.828 9C10.816 8.965 10.803 8.93 10.789 8.896C10.637 8.511 10.414 8.172 10.121 7.879ZM6.433 7.441C6.233 7.563 6.048 7.709 5.879 7.879C5.586 8.172 5.363 8.511 5.211 8.896C5.197 8.93 5.184 8.965 5.172 9L6.059 9C6.074 8.875 6.092 8.751 6.112 8.628C6.187 8.187 6.294 7.792 6.433 7.441ZM5.879 12.121C6.048 12.291 6.233 12.437 6.433 12.559C6.294 12.208 6.187 11.813 6.112 11.372C6.037 10.93 6 10.473 6 10L5 10C5 10.381 5.07 10.75 5.211 11.104C5.363 11.489 5.586 11.828 5.879 12.121ZM7.787 12.887C7.869 12.962 7.94 13 8 13C8.06 13 8.131 12.962 8.213 12.887C8.353 12.757 8.483 12.554 8.601 12.278C8.732 11.973 8.832 11.615 8.902 11.205C8.967 10.819 9 10.417 9 10L7 10C7 10.417 7.033 10.819 7.098 11.205C7.168 11.615 7.268 11.973 7.399 12.278C7.517 12.554 7.647 12.757 7.787 12.887ZM9.567 12.559C9.767 12.437 9.952 12.291 10.121 12.121C10.414 11.828 10.637 11.489 10.789 11.104C10.93 10.75 11 10.381 11 10L10 10C10 10.473 9.963 10.93 9.888 11.372C9.813 11.813 9.706 12.208 9.567 12.559Z"/></svg>

React

// Gentleface "browser" (line-round), MIT. https://gentleface.com/icons/browser
import type { SVGProps } from 'react';

export function BrowserIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" {...props}>
      <path d="M1.14 2.264C1.242 2.007 1.391 1.781 1.586 1.586C1.781 1.391 2.007 1.242 2.264 1.14C2.5 1.047 2.746 1 3 1L13 1C13.254 1 13.5 1.047 13.736 1.14C13.993 1.242 14.219 1.391 14.414 1.586C14.609 1.781 14.758 2.007 14.86 2.264C14.953 2.5 15 2.746 15 3L15 12C15 12.254 14.953 12.5 14.86 12.736C14.758 12.993 14.609 13.219 14.414 13.414C14.219 13.609 13.993 13.758 13.736 13.86C13.5 13.953 13.254 14 13 14L12.5 14C12.359 14 12.241 13.952 12.144 13.856C12.048 13.759 12 13.641 12 13.5C12 13.359 12.048 13.241 12.144 13.144C12.241 13.048 12.359 13 12.5 13L13 13C13.276 13 13.512 12.902 13.707 12.707C13.902 12.512 14 12.276 14 12L14 5L2 5L2 12C2 12.276 2.098 12.512 2.293 12.707C2.488 12.902 2.724 13 3 13L3.5 13C3.641 13 3.759 13.048 3.856 13.144C3.952 13.241 4 13.359 4 13.5C4 13.641 3.952 13.759 3.856 13.856C3.759 13.952 3.641 14 3.5 14L3 14C2.746 14 2.5 13.953 2.264 13.86C2.007 13.758 1.781 13.609 1.586 13.414C1.391 13.219 1.242 12.993 1.14 12.736C1.047 12.5 1 12.254 1 12L1 3C1 2.746 1.047 2.5 1.14 2.264ZM14 4L14 3C14 2.724 13.902 2.488 13.707 2.293C13.512 2.098 13.276 2 13 2L3 2C2.724 2 2.488 2.098 2.293 2.293C2.098 2.488 2 2.724 2 3L2 4L14 4ZM6.528 6.281C7.001 6.094 7.491 6 8 6C8.509 6 8.999 6.094 9.472 6.281C9.986 6.484 10.438 6.781 10.828 7.172C11.219 7.562 11.516 8.014 11.719 8.528C11.906 9.001 12 9.491 12 10C12 10.509 11.906 10.999 11.719 11.472C11.516 11.986 11.219 12.438 10.828 12.828C10.438 13.219 9.986 13.516 9.472 13.719C8.999 13.906 8.509 14 8 14C7.491 14 7.001 13.906 6.528 13.719C6.014 13.516 5.562 13.219 5.172 12.828C4.781 12.438 4.484 11.986 4.281 11.472C4.094 10.999 4 10.509 4 10C4 9.491 4.094 9.001 4.281 8.528C4.484 8.014 4.781 7.562 5.172 7.172C5.562 6.781 6.014 6.484 6.528 6.281ZM8.213 7.113C8.131 7.038 8.06 7 8 7C7.94 7 7.869 7.038 7.787 7.113C7.647 7.243 7.517 7.446 7.399 7.722C7.268 8.027 7.168 8.385 7.098 8.795C7.087 8.863 7.076 8.931 7.067 9L8.933 9C8.924 8.931 8.913 8.863 8.902 8.795C8.832 8.385 8.732 8.027 8.601 7.722C8.483 7.446 8.353 7.243 8.213 7.113ZM10.121 7.879C9.952 7.709 9.767 7.563 9.567 7.441C9.706 7.792 9.813 8.187 9.888 8.628C9.908 8.751 9.926 8.875 9.941 9L10.828 9C10.816 8.965 10.803 8.93 10.789 8.896C10.637 8.511 10.414 8.172 10.121 7.879ZM6.433 7.441C6.233 7.563 6.048 7.709 5.879 7.879C5.586 8.172 5.363 8.511 5.211 8.896C5.197 8.93 5.184 8.965 5.172 9L6.059 9C6.074 8.875 6.092 8.751 6.112 8.628C6.187 8.187 6.294 7.792 6.433 7.441ZM5.879 12.121C6.048 12.291 6.233 12.437 6.433 12.559C6.294 12.208 6.187 11.813 6.112 11.372C6.037 10.93 6 10.473 6 10L5 10C5 10.381 5.07 10.75 5.211 11.104C5.363 11.489 5.586 11.828 5.879 12.121ZM7.787 12.887C7.869 12.962 7.94 13 8 13C8.06 13 8.131 12.962 8.213 12.887C8.353 12.757 8.483 12.554 8.601 12.278C8.732 11.973 8.832 11.615 8.902 11.205C8.967 10.819 9 10.417 9 10L7 10C7 10.417 7.033 10.819 7.098 11.205C7.168 11.615 7.268 11.973 7.399 12.278C7.517 12.554 7.647 12.757 7.787 12.887ZM9.567 12.559C9.767 12.437 9.952 12.291 10.121 12.121C10.414 11.828 10.637 11.489 10.789 11.104C10.93 10.75 11 10.381 11 10L10 10C10 10.473 9.963 10.93 9.888 11.372C9.813 11.813 9.706 12.208 9.567 12.559Z" />
    </svg>
  );
}

Vue

Vue: see /icons/browser.md

Svelte

Svelte: see /icons/browser.md

HTML img

HTML img: see /icons/browser.md

CSS

CSS: see /icons/browser.md

Data URL

Data URL: see /icons/browser.md

Sprite

Sprite: see /icons/browser.md

SwiftUI

SwiftUI: see /icons/browser.md

Compose

Compose: see /icons/browser.md

Android XML

Android XML: see /icons/browser.md

Flutter

Flutter: see /icons/browser.md

Each SVG is 16 × 16 with fill="currentColor". Keep it at 16 px or an exact multiple (32, 48) on whole pixels: a fractional size or position blurs it. The snippets are decorative (aria-hidden). For an icon that carries meaning on its own, such as an icon-only button, label the button, or give the SVG role="img" and an aria-label. More in how to use.

Meaning

Use it for

browser, web page, website, web browser, webpage

Alternatives

tabs: the tabs inside a browser (browser-tab)
globe: the web or the internet in general (web)
window: a desktop application window (window)

Also fits

tabs: the whole browser window (browser)
window: a web browser window with tabs (browser)
web: a web page or website

Tags

browser, web, page, website, internet, globe, window, online, url

Category

Layout & interface

Component name

BrowserIcon

History

2026-10-15 added

Family 32

cards columns columns-gear kanban layout layout-dashboard layout-dashboard-gear layout-dashboard-pencil layout-dashboard-plus layout-dashboard-sparkle maximize minimize

More layout & interface icons

apps checkbox checkbox-indeterminate checkbox-off cursor cursor-text cursor-user drag-drop grid grip-horizontal grip-vertical hand hand-grab hand-off hand-pointer input-search · all layout & interface icons

For agents

Metadata: /icons/browser.json · Markdown: /icons/browser.md · SVG: https://gentleface.com/svg/{style}/16/browser.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/browser.png

browser icon Copy name

line-round

line-soft

line-sharp

solid-round

solid-soft

solid-sharp