The Tabler circle dashed percentage icon visually represents a percentage or a portion of a whole, often used to indicate progress, completion, or a discount rate.
Common uses
- Loading progress indicator
- Discount or sale badge
- Progress bar segment
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconCircleDashedPercentage } from '@tabler/icons-react';
<IconCircleDashedPercentage size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Shapes
- Keywords
- percentratioportionfractionrate100perdecimalmarkupdiscountshapescircledashedpercentagepercent signprogress circle
FAQ
- What does the circle dashed percentage icon represent?
- It symbolizes a percentage, ratio, or a fraction of a whole, commonly used for discounts or progress.
- How do I use this icon in React?
- Import it using `import { IconCircleDashedPercentage } from '@tabler/icons-react'` and render the component.
- What is the license for this icon?
- This icon is provided under the MIT license, allowing for free use.
Related icons
The same idea in other libraries, and near matches in Tabler.
Looking for something else? Search Tabler and 4 more libraries by description →
The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →