Grid:
Visual padding:
px(auto)
regular
fill
Text Position Top Bottom Icon
From Fluent UI System Icons / Regular
behind
bottom
create
edit
fluent
fluent icons
fluent ui
front
line
microsoft
noodle
position
square
text
text position top bottom
through
tight
top
type
typography
- License
- MIT
- Grid Size
- 20×20
- File Size
- 313 B (↓52%)
- Visual Padding
- 2px
- Live Area
- 16px
- Render Style
- Outline
- Visual Weight
- 22%
- Color Mode
- Monochrome
- Sec. Opacity
- —
- Stroke Width
- —
- Line Cap
- —
- Line Join
- —
- Fill Rule
- —
- Path Count
- 1 path
- Complexity
- 47
- Brand Color
- —
- Guidelines
- —
Icons in Action
See how this icon works in real-world UI components
Primary Button
Sidebar Menu
Dashboard
Active Item
Settings
Loading Spinner
Loading...
Tab Bar
GeneralActiveAdvanced
Card Header
Text Position Top Bottom
Card description text goes here with more details about the content.
Input Field
Search...
Avatar
Text Position Top Bottom
Designer
Breadcrumb
Home›Products›Category
Alert Banner
Please review your settings before continuing.
Stepper
✓
3
Chat Bubble
Assistant
Here is your requested information.
Chip / Tag
Text Position Top Bottom×