The Tabler percentage icon visually represents a percentage value, commonly used in interfaces to denote discounts, rates, completion progress, or statistical figures.
Common uses
- Discount badge on a product card
- Progress bar label
- Interest rate display in a financial app
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconPercentage } from '@tabler/icons-react';
<IconPercentage size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Math
- Keywords
- signmatheconomicscashbank accountchartgraphdiagramstatisticpercentagepercent signratediscountproportion
FAQ
- What does the percentage icon represent?
- It visually signifies a percentage, often used for financial figures, progress, or statistical data.
- How do I use the percentage icon in React?
- Import it using `import { IconPercentage } from '@tabler/icons-react';` and render it as a component: `<IconPercentage />`.
- What is the license for the Tabler percentage icon?
- The Tabler icons, including the percentage icon, are distributed under the MIT license.
Related icons
The same idea in other libraries, and near matches in Tabler.