receipt percent icon

Common uses

• Displaying sale prices on products
• Indicating a discount code is active
• Showing a percentage-based offer in a cart summary

Use it in React

npm i @heroicons/react

import { ReceiptPercentIcon } from '@heroicons/react/24/outline';

<ReceiptPercentIcon className="size-6" />

Styles

Heroicons ships this icon in 4 styles — each its own import:

<ReceiptPercentIcon className="size-6" />

<ReceiptPercentIcon className="size-6" />

<ReceiptPercentIcon className="size-6" />

<ReceiptPercentIcon className="size-6" />

Details

Library

Heroicons (324 icons)

License

MIT

viewBox

0 0 24 24

Keywords

receiptpercentdiscountsaleofferpercentage

FAQ

What does the receipt percent icon represent?

It symbolizes a discount or percentage off applied to a transaction or item, often used for sales and promotions.

How do I use this icon in React?

Import it using `import { ReceiptPercentIcon } from '@heroicons/react/24/outline'` and then use it as a React component.

What is the license for this icon?

The Heroicons library, including the receipt percent icon, is available under the MIT license.

Related icons

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