highlight
Highlight icon · Material Symbols
highlightGoogle tags highlight with selection, marker and sheet. It's in Google's Household category; similar symbols include Highlight Text Cursor, Highlight Mouse Cursor and Ink Highlighter Move. MUI ships it as HighlightIcon, and Fluent's closest match is Highlight.
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
highlight_outlined_fill0_wght400.svg
Highlight 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=highlight" />
<span class="material-symbols-outlined">highlight</span>Details
| Name | Highlight |
|---|---|
| Ligature | highlight |
| Unicode | U+E25F |
| HTML entity |  |
| CSS content | "\e25f" |
| Category | Household |
| Styles | Outlined, Rounded, Sharp — each unfilled or filled |
| Weights | 100, 200, 300, 400, 500, 600, 700 |
| Files | @material-symbols/svg-400/outlined/highlight.svg, highlight-fill.svg |
| Flutter | Symbols.highlight (Material Icons: Icons.highlight) |
| MUI component | HighlightIcon |
| MUI import | import HighlightIcon from "@mui/icons-material/Highlight" |
| Popularity | #1,199 of 3,927 Material Symbols by use |
| License | Apache License 2.0 (© Google LLC) |
Keywords
householdedittypewritingeditingformatdocselecteditortoolsheetmarkerselection
Also in Fluent
HighlightMicrosoft's version of this icon, on Fluenticons