Percentage Discount Badge color filled icon
Outline percent sign in a scalloped badge inside a circle
Related tags
About the Percentage Discount Badge color filled icon
A percent sign with two hollow circles and a diagonal bar sits inside a ring, which in turn sits inside a scalloped, wavy-edged badge like a seal or rosette, all enclosed by a thin outer circle. It reads as a markdown or special offer. Use it on sale banners, coupon and voucher screens, pricing tables, e-commerce category filters, loyalty rewards and finance rate widgets.
Three nested shapes create a clear center of gravity, with the wavy badge edge adding the only irregular rhythm in an otherwise circular composition. It pairs with price tag, shopping cart and gift card icons. The scallops flatten below 32 px, so reserve it for buttons and promo blocks.
This is the colour filled version of the percentage discount badge icon: a flat, solid-colour shape that stands out in dashboards, marketing pages and app tiles where the icon needs to carry colour meaning.
Download it free as a scalable SVG vector or transparent-background PNG in seven sizes (16 to 512px), copy the SVG code straight into your project, or open it in the free online editor to change colors, apply gold, silver, neon and gradient styles, animate it, or convert it to EPS, PDF and DXF.
Free for personal and commercial use with attribution.
