The Phosphor checks icon depicts a completed task or a confirmed selection, commonly used to indicate a successful operation or a finished item in a list.
Common uses
- Marking a completed to-do item
- Indicating a successful form submission
- Showing a confirmed status
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { Checks } from '@phosphor-icons/react';
<Checks size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<Checks size={24} />thin
<Checks size={24} weight="thin" />light
<Checks size={24} weight="light" />bold
<Checks size={24} weight="bold" />fill
<Checks size={24} weight="fill" />duotone
<Checks size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- system
- Keywords
- *updated*todotaskto-dolistcheckboxokdonesystemcheckscompleted task
FAQ
- What is the Phosphor checks icon used for?
- It's typically used to represent a completed task, a confirmed selection, or a successful action within a user interface.
- How do I use the checks icon in React?
- You can import and use it in your React application with the following statement: import { Checks } from '@phosphor-icons/react'.
- What is the license for the Phosphor checks icon?
- The Phosphor icon library, including the checks icon, is available under the MIT license.
Related icons
The same idea in other libraries, and near matches in Phosphor.
Looking for something else? Search Phosphor 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 →