add_circle
Add Circle icon · Material Symbols
add_circleGoogle tags add_circle with option, record and create. It's in Google's UI actions category; similar symbols include Playlist Add Circle, Playlist Add Check Circle and Library Add. It's the 24th 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
add_circle_outlined_fill0_wght400.svg
Add Circle 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=add_circle" />
<span class="material-symbols-outlined">add_circle</span>Details
| Name | Add Circle |
|---|---|
| Ligature | add_circle |
| Unicode | U+E147 |
| HTML entity |  |
| CSS content | "\e147" |
| 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/add_circle.svg, add_circle-fill.svg |
| Flutter | Symbols.add_circle (Material Icons: Icons.add_circle) |
| MUI component | AddCircleIcon |
| MUI import | import AddCircleIcon from "@mui/icons-material/AddCircle" |
| Popularity | #24 of 3,927 Material Symbols by use |
| License | Apache License 2.0 (© Google LLC) |
Keywords
ui actionsfilecontentlistactionpluspointtoolnewelementrecordcreateoption
Also in Fluent
Add CircleMicrosoft's version of this icon, on Fluenticons