circle-check
Circle Check icon · Lucide · <CircleCheck />
circle-checkLucide tags circle-check with tick, task and complete. It was previously named check-circle-2, which still works as an alias. The matching icons are Checkmark Circle in Microsoft's Fluent icons and check_circle in Google's Material Symbols.
24 px, stroke 2
circle-check.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 Check icon in React
npm install lucide-react
import { CircleCheck } from "lucide-react";
export function Example() {
return <CircleCheck />;
}Details
| Name | circle-check |
|---|---|
| Component | CircleCheck (also CircleCheckIcon, LucideCircleCheck) |
| Old names | check-circle-2 (still work as aliases) |
| Category | Notifications |
| Icon font | icon-circle-check, U+E226 |
| CSS content | "\e226" |
| File | lucide-static/icons/circle-check.svg |
| Grid and stroke | 24 × 24, 2 px stroke, round caps and joins |
| License | ISC License (© Lucide Icons and Contributors) |