The Lucide square check icon visually represents a completed task or item, often used to indicate a checked or finished state within a UI.
Common uses
- Marking completed to-do list items
- Indicating a successful form submission
- Showing a selected option in a list
Use it in React
Install
npm i lucide-reactImport & render
import { SquareCheck } from 'lucide-react';
<SquareCheck size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- donetodotickcompletetasksquarechecktask completechecked squaredone checkboxtick box
FAQ
- What is the square check icon used for?
- It's typically used to signify completion, a checked state, or a finished task. This helps users quickly understand the status of an item or action.
- How do I use the square check icon in React?
- You can import it directly from the 'lucide-react' library. Use it like this: import { SquareCheck } from 'lucide-react'.
- What is the license for the Lucide square check icon?
- The Lucide icon library, including the square 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 →