circle-percent
Circle Percent icon · Lucide · <CirclePercent />
circle-percentLucide tags circle-percent with sticker, price tag and sale. It was previously named percent-circle, which still works as an alias.
24 px, stroke 2
circle-percent.svg
Size, stroke and code
Lucide icons are drawn on a 24 px grid with a 2 px stroke. Pick a size and stroke width to preview them; the downloads and the code below follow your choice.
Stroke width
Size
Circle Percent icon in React
npm install lucide-react
import { CirclePercent } from "lucide-react";
export function Example() {
return <CirclePercent />;
}
Details
| Name | circle-percent |
|---|---|
| Component | CirclePercent (also CirclePercentIcon, LucideCirclePercent) |
| Old names | percent-circle (still work as aliases) |
| Categories | Social, Finance, Shopping, Mathematics |
| Icon font | icon-circle-percent, U+E51A |
| CSS content | "\e51a" |
| File | lucide-static/icons/circle-percent.svg |
| Grid and stroke | 24 × 24, 2 px stroke, round caps and joins |
| License | ISC License (© Lucide Icons and Contributors) |