The Lucide circle percent icon depicts a circle with a percentage symbol inside, commonly used to represent discounts, offers, or verification status.
Common uses
- Displaying sale or discount percentages
- Indicating a verified status
- Showing offer availability
Use it in React
Install
npm i lucide-reactImport & render
import { CirclePercent } from 'lucide-react';
<CirclePercent size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- verifiedunverifiedsalediscountoffermarketingstickerprice tagcirclepercentpercentage
FAQ
- What is the circle percent icon used for?
- It's typically used to visually represent discounts, sales, offers, or a verified status in user interfaces.
- How do I use the circle percent icon in React?
- You can import it from 'lucide-react' like this: import { CirclePercent } from 'lucide-react'.
- What is the license for the Lucide circle percent icon?
- The Lucide icon library, including the circle percent icon, is available under the ISC license.
Related icons
The same idea in other libraries, and near matches in Lucide.
Looking for something else? Search Lucide 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 →