The Lucide percent icon visually represents a percentage value and is commonly used in UIs to denote discounts, sales, or statistical proportions.
Common uses
- Displaying sale prices
- Indicating discount percentages
- Showing progress or completion rates
Use it in React
Install
npm i lucide-reactImport & render
import { Percent } from 'lucide-react';
<Percent size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- percentagemodulomodulusremainder%salediscountoffermarketingpercent
FAQ
- What is the percent icon used for?
- It's used to visually represent percentages, often for sales, discounts, or proportions in user interfaces.
- How do I use the percent icon in React?
- You can import it from the 'lucide-react' library like this: import { Percent } from 'lucide-react'.
- What is the license for the Lucide percent icon?
- The Lucide icon library, including the 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 →