The HugeIcons percent square icon depicts a percentage symbol within a square, commonly used to represent discount, sales, or progress in user interfaces.
Common uses
- Discount badges
- Progress indicators
- Sales promotions
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { PercentSquareIcon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={PercentSquareIcon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- percentagediscountsaleprogress
FAQ
- What is the percent square icon used for?
- It's typically used to visually indicate discounts, sales, or progress percentages within an application's UI.
- How do I use the PercentSquareIcon in React?
- Import both HugeiconsIcon and PercentSquareIcon, then render them like this: <HugeiconsIcon icon={PercentSquareIcon} />.
- What is the license for this icon?
- The HugeIcons percent square icon is released under the MIT license.
Related icons
The same idea in other libraries, and near matches in HugeIcons.
Looking for something else? Search HugeIcons 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 →