note_alt
Note Alt icon · Material Symbols
note_altGoogle tags note_alt with diagonal line, page and record. It's in Google's Text category; similar symbols include Note Add, Note Stack and Sticky Note 2. MUI ships it as NoteAltIcon, and Fluent's closest match is Note.
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
note_alt_outlined_fill0_wght400.svg
Note Alt 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=note_alt" />
<span class="material-symbols-outlined">note_alt</span>Details
| Name | Note Alt |
|---|---|
| Ligature | note_alt |
| Unicode | U+F040 |
| HTML entity |  |
| CSS content | "\f040" |
| Category | Text |
| Styles | Outlined, Rounded, Sharp — each unfilled or filled |
| Weights | 100, 200, 300, 400, 500, 600, 700 |
| Files | @material-symbols/svg-400/outlined/note_alt.svg, note_alt-fill.svg |
| Flutter | Symbols.note_alt (Material Icons: Icons.note_alt) |
| MUI component | NoteAltIcon |
| MUI import | import NoteAltIcon from "@mui/icons-material/NoteAlt" |
| Popularity | #661 of 3,927 Material Symbols by use |
| License | Apache License 2.0 (© Google LLC) |
Keywords
texteditwritingfilecontentmarkeditormessagepaperrecordcreatepagediagonal line
Also in Fluent
NoteMicrosoft's version of this icon, on Fluenticons