tab
Tab icon · Material Symbols
tabGoogle tags tab with tabs, new window and browser window. It's in Google's UI actions category; similar symbols include Tab Search, Tab Unselected and Tab New Right. MUI ships it as TabIcon, and Fluent's closest match is Tab.
Every style, fill and weight
Material Symbols are variable: each icon comes in three styles, with or without fill, at seven weights. Pick a combination to preview it, download it, or copy the code for your platform.
GradeOptical size
Outlined, unfilled, weight 400
tab_outlined_fill0_wght400.svg
Tab icon in HTML
Load the Material Symbols font from Google Fonts (this link loads just this icon), then use the icon's name as text.
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&icon_names=tab" />
<span class="material-symbols-outlined">tab</span>Details
| Name | Tab |
|---|---|
| Ligature | tab |
| Unicode | U+E8D8 |
| HTML entity |  |
| CSS content | "\e8d8" |
| Category | UI actions |
| Styles | Outlined, Rounded, Sharp — each unfilled or filled |
| Weights | 100, 200, 300, 400, 500, 600, 700 |
| Files | @material-symbols/svg-400/outlined/tab.svg, tab-fill.svg |
| Flutter | Symbols.tab (Material Icons: Icons.tab) |
| MUI component | TabIcon |
| MUI import | import TabIcon from "@mui/icons-material/Tab" |
| Popularity | #1,013 of 3,927 Material Symbols by use |
| License | Apache License 2.0 (© Google LLC) |
Keywords
Also in Fluent
TabMicrosoft's version of this icon, on Fluenticons