Percent Badge 16 Solid 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-16-solid.json
npx shadcn@latest add https://www.shadcn.io/registry/heroicons-percent-badge-16-solid.json
pnpm dlx shadcn@latest add https://www.shadcn.io/registry/heroicons-percent-badge-16-solid.json
bunx shadcn@latest add https://www.shadcn.io/registry/heroicons-percent-badge-16-solid.json
Category:interface
Tags:percentbadgecompactsolidmobile16pxdiscount

The percent badge icon in 16-pixel solid style represents discounts with a compact, filled design optimized for space-constrained promotional interfaces.

This smaller variant maintains the badged percent appearance while providing better visibility in dense layouts, mobile product cards, and compact sale indicators.

Frequently Asked Questions

Common questions about the Percent Badge 16 Solid icon

Similar Icons

Speaker Wave 20 Solid - media icon from HeroIcons
speaker wave 20 solid
Ellipsis Horizontal 16 Solid - interface icon from HeroIcons
ellipsis horizontal 16 solid
Pencil Square - actions icon from HeroIcons
pencil square
Funnel 16 Solid - data icon from HeroIcons
funnel 16 solid
Cube 16 Solid - interface icon from HeroIcons
cube 16 solid
Speaker X Mark - media icon from HeroIcons
speaker x mark
Arrow Turn Right Up 20 Solid - actions icon from HeroIcons
arrow turn right up 20 solid
At Symbol - communication icon from HeroIcons
at symbol
Equals 16 Solid - interface icon from HeroIcons
equals 16 solid