What is the square percent icon used for?

It's typically used to signify discounts, sales, offers, or a verified status in user interfaces.

How do I use the square percent icon in React?

You can import and use it like this: import { SquarePercent } from 'lucide-react';

Lucide icons are distributed under the ISC license, which is a permissive free software license.

Lucide · square-percent · ISC

The Lucide square percent icon depicts a square with a percentage symbol inside, commonly used to represent discounts, sales, or verification badges.

Install

npm i lucide-react

Import & render

import { SquarePercent } from 'lucide-react';

<SquarePercent size={24} />

Library: Lucide (1,713 icons)
License: ISC
viewBox: 0 0 24 24
Keywords: verifiedunverifiedsalediscountoffermarketingstickerprice tagsquarepercentdiscount iconpercentage tagverified badgeoffer sticker

What is the square percent icon used for?: It's typically used to signify discounts, sales, offers, or a verified status in user interfaces.
How do I use the square percent icon in React?: You can import and use it like this: import { SquarePercent } from 'lucide-react'; <SquarePercent />
What is the license for Lucide icons?: Lucide icons are distributed under the ISC license, which is a permissive free software license.

The same idea in other libraries, and near matches in Lucide.

The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →