The Tabler square check icon depicts a square with a checkmark inside, commonly used to represent a selected or confirmed option, such as a completed task or a checked checkbox.
Common uses
- Indicate a completed to-do item.
- Show a selected state in a form.
- Confirm a successful action.
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconSquareCheck } from '@tabler/icons-react';
<IconSquareCheck size={24} stroke={2} />Styles
Tabler ships this icon in 2 styles — each its own import:
outline
<IconSquareCheck size={24} stroke={2} />filled
<IconSquareCheckFilled size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Shapes
- Keywords
- checkboxyessquarecheckrectangularconfirmapprovegeometryformfigureshapesapprovedchecked box
FAQ
- What is the square check icon used for?
- It's used to visually indicate a selection, confirmation, or completion, like a checked checkbox or a confirmed status.
- How do I use the square check icon in React?
- Import it from '@tabler/icons-react' like this: import { IconSquareCheck } from '@tabler/icons-react'.
- What is the license for the Tabler square check icon?
- The Tabler icon set, including the square check icon, is released under the MIT license.
Related icons
The same idea in other libraries, and near matches in Tabler.
Looking for something else? Search Tabler 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 →