music_note
Music Note icon · Material Symbols
music_noteGoogle tags music_note with playlist, media controls and composition. It's in Google's Audio&Video category; similar symbols include Music Note 2, Music Note Add and Music Off. It's the 201st most used of Google's 3,927 Material Symbols.
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
music_note_outlined_fill0_wght400.svg
Music Note 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=music_note" />
<span class="material-symbols-outlined">music_note</span>Details
| Name | Music Note |
|---|---|
| Ligature | music_note |
| Unicode | U+E405 |
| HTML entity |  |
| CSS content | "\e405" |
| Category | Audio&Video |
| Styles | Outlined, Rounded, Sharp — each unfilled or filled |
| Weights | 100, 200, 300, 400, 500, 600, 700 |
| Files | @material-symbols/svg-400/outlined/music_note.svg, music_note-fill.svg |
| Flutter | Symbols.music_note (Material Icons: Icons.music_note) |
| MUI component | MusicNoteIcon |
| MUI import | import MusicNoteIcon from "@mui/icons-material/MusicNote" |
| Popularity | #201 of 3,927 Material Symbols by use |
| License | Apache License 2.0 (© Google LLC) |