The Phosphor check fat icon depicts a thick checkmark, commonly used to indicate completion, success, or a selected state in user interfaces.
Common uses
- Marking a completed task in a to-do list.
- Indicating a successful form submission.
- Showing a selected option in a checkbox or radio button group.
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { CheckFat } from '@phosphor-icons/react';
<CheckFat size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<CheckFat size={24} />thin
<CheckFat size={24} weight="thin" />light
<CheckFat size={24} weight="light" />bold
<CheckFat size={24} weight="bold" />fill
<CheckFat size={24} weight="fill" />duotone
<CheckFat size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- system
- Keywords
- todoto-dotasklistcheckboxokdonesystemcheckfatcheckmarkcompletedsuccess
FAQ
- What is the check fat icon used for?
- It's used to signify completion, success, or a positive confirmation in UI elements like task lists or form confirmations.
- How do I use the check fat icon in React?
- You can import and use it like this: import { CheckFat } from '@phosphor-icons/react'; <CheckFat size={32} />
- What is the license for this icon?
- The Phosphor icon set, including this 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 →