Percent Badge icon - Free SVG for React, Vue, Svelte, Angular, Solid & Preact - Customizable interface vector icon

Install with shadcn CLI

npx shadcn@latest add https://www.shadcn.io/registry/heroicons-percent-badge.json
npx shadcn@latest add https://www.shadcn.io/registry/heroicons-percent-badge.json
pnpm dlx shadcn@latest add https://www.shadcn.io/registry/heroicons-percent-badge.json
bunx shadcn@latest add https://www.shadcn.io/registry/heroicons-percent-badge.json
Category:interface
Tags:percentbadgediscountsalepromotionpercentageoffer

The percent badge icon represents discounts and percentage offers with its percent symbol enclosed in a badge shape.

This promotional symbol has become the standard indicator for discount badges, percentage offers, sale promotions, and price reduction features across all modern e-commerce platforms and retail applications.

Frequently Asked Questions

Common questions about the Percent Badge icon

Similar Icons

Puzzle Piece - system icon from HeroIcons
puzzle piece
Banknotes 20 Solid - actions icon from HeroIcons
banknotes 20 solid
Rocket Launch - actions icon from HeroIcons
rocket launch
Chevron Up Down - interface icon from HeroIcons
chevron up down
Arrow Top Right On Square Solid - navigation icon from HeroIcons
arrow top right on square solid
Plus Small - actions icon from HeroIcons
plus small
Plus Solid - actions icon from HeroIcons
plus solid
Globe Europe Africa Solid - navigation icon from HeroIcons
globe europe africa solid
Presentation Chart Line 20 Solid - data icon from HeroIcons
presentation chart line 20 solid