Pie Gauge
An inline icon that displays a percentage as a pie inside a ring.
Default
PieGauge fills clockwise from the top. Pass a value from 0 to 100. Values outside this range are clamped; non-finite values render as 0.
0%25%50%75%100%
Sizes
The default size is 16px. Compact surfaces, such as the build cache summary, use 13px. Use size to change both dimensions, or width and height to set them individually.
50% · 13px50% · 16px50% · 24px50% · 32px
Colors
The icon inherits the surrounding text color by default. Use color with a Geist color token for a standalone icon.
Inherited · 50%Blue · 50%Amber · 50%Red · 50%
Was this helpful?