arrow_circle_down
Arrow Circle Down icon · Material Symbols
arrow_circle_downGoogle tags arrow_circle_down with inside, contained and enclosed. It's in Google's UI actions category; similar symbols include Arrow Drop Down Circle, Arrow Drop Down and Keyboard Arrow Down. It's the 478th 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
arrow_circle_down_outlined_fill0_wght400.svg
Arrow Circle Down 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=arrow_circle_down" />
<span class="material-symbols-outlined">arrow_circle_down</span>Details
| Name | Arrow Circle Down |
|---|---|
| Ligature | arrow_circle_down |
| Unicode | U+F181 |
| HTML entity |  |
| CSS content | "\f181" |
| 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/arrow_circle_down.svg, arrow_circle_down-fill.svg |
| Flutter | Symbols.arrow_circle_down (Material Icons: Icons.arrow_circle_down) |
| MUI component | ArrowCircleDownIcon |
| MUI import | import ArrowCircleDownIcon from "@mui/icons-material/ArrowCircleDown" |
| Popularity | #478 of 3,927 Material Symbols by use |
| License | Apache License 2.0 (© Google LLC) |
Keywords
Also in Fluent
Arrow Circle DownMicrosoft's version of this icon, on Fluenticons