Badge Percent icon
Shows a rosette badge with a percent sign for special offers.
24px × 4
1.75
Use it in your project
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round">
<path d="M12 2.75c.69 0 1.4 1.16 2.06 1.55.67.39 1.18.6 1.93.79.74.2 2.06-.12 2.55.37s.17 1.81.37 2.55c.19.75.4 1.26.79 1.93.39.66 1.55 1.37 1.55 2.06s-1.16 1.4-1.55 2.06c-.39.67-.6 1.18-.79 1.93-.2.74.12 2.06-.37 2.55s-1.81.17-2.55.37c-.75.19-1.26.4-1.93.79-.66.39-1.37 1.55-2.06 1.55s-1.4-1.16-2.06-1.55c-.67-.39-1.18-.6-1.93-.79-.74-.2-2.06.12-2.55-.37s-.17-1.81-.37-2.55c-.19-.75-.4-1.26-.79-1.93-.39-.66-1.55-1.37-1.55-2.06s1.16-1.4 1.55-2.06c.39-.67.6-1.18.79-1.93.2-.74-.12-2.06.37-2.55s1.81-.17 2.55-.37c.75-.19 1.26-.4 1.93-.79.66-.39 1.37-1.55 2.06-1.55"/>
<path d="m15.25 8.75-6.5 6.5"/>
<circle cx="9" cy="9" r="1.35" fill="currentColor" stroke="none"/>
<circle cx="15" cy="15" r="1.35" fill="currentColor" stroke="none"/>
</svg>Icon details
- Name
- badge-percent
- Component
- BadgePercentIcon
- Category
- Shopping & E-commerce
- Variants
- Outline, Filled
- Added in
- v0.2.0
- Files
- @ikions/icons/outline/badge-percent.svg
@ikions/icons/filled/badge-percent.svg