The Lucide check icon depicts a checkmark, commonly used to indicate completion, success, or confirmation in user interfaces.
Common uses
- Task completion status
- Form submission success message
- To-do list item marked as done
Use it in React
Install
npm i lucide-reactImport & render
import { Check } from 'lucide-react';
<Check size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- donetodotickcompletetaskcheck
FAQ
- What does the check icon represent?
- It represents a positive status, such as completion, success, or agreement.
- How do I use the check icon in React?
- You can import it from 'lucide-react' and use it as a component: import { Check } from 'lucide-react'.
- What is the license for the Lucide check icon?
- The Lucide icon library, including the check icon, is available under the ISC license.
Related icons
The same idea in other libraries, and near matches in Lucide.
Looking for something else? Search Lucide and 4 more libraries by description →
The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →