The Tabler percentage 10 icon depicts a stylized representation of the number 10 within a circular percentage symbol, commonly used to signify a 10% value or a specific segment of a whole in user interfaces.
Common uses
- Displaying a 10% discount or tax rate.
- Indicating a 10th segment in a progress bar or chart.
- Representing a 10% completion status.
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconPercentage10 } from '@tabler/icons-react';
<IconPercentage10 size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- System
- Keywords
- tendeciletenthfractionportiondegreesegmentbittracepiecesystempercentage10ten percent10 percenttenth part
FAQ
- What does the percentage 10 icon represent?
- This icon specifically represents the value of 10 percent. It can be used to show discounts, taxes, or portions of a whole that equal 10%.
- How do I use the percentage 10 icon in React?
- You can import and use it in your React application with the following statement: `import { IconPercentage10 } from '@tabler/icons-react'`. Then, render it like any other React component: `<IconPercentage10 />`.
- What is the license for the Tabler percentage 10 icon?
- The Tabler icons, including the percentage 10 icon, are distributed under the MIT license. This allows for free use in both personal and commercial projects.
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 →