heart_broken
Heart Broken icon · Material Symbols
heart_brokenGoogle tags heart_broken with dislike, core and love. It's in Google's Social category; similar symbols include Heart Smile, Mood Heart and Heart Minus. MUI ships it as HeartBrokenIcon, and Fluent's closest match is Heart Broken.
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
heart_broken_outlined_fill0_wght400.svg
Heart Broken 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=heart_broken" />
<span class="material-symbols-outlined">heart_broken</span>Details
| Name | Heart Broken |
|---|---|
| Ligature | heart_broken |
| Unicode | U+EAC2 |
| HTML entity |  |
| CSS content | "\eac2" |
| Category | Social |
| Styles | Outlined, Rounded, Sharp — each unfilled or filled |
| Weights | 100, 200, 300, 400, 500, 600, 700 |
| Files | @material-symbols/svg-400/outlined/heart_broken.svg, heart_broken-fill.svg |
| Flutter | Symbols.heart_broken (Material Icons: Icons.heart_broken) |
| MUI component | HeartBrokenIcon |
| MUI import | import HeartBrokenIcon from "@mui/icons-material/HeartBroken" |
| Popularity | #770 of 3,927 Material Symbols by use |
| License | Apache License 2.0 (© Google LLC) |
Keywords
Also in Fluent
Heart BrokenMicrosoft's version of this icon, on Fluenticons