The Phosphor check square offset icon visually represents a completed task or item within a system, often used to indicate a checked or verified status in lists or forms.
Common uses
- Marking a to-do item as complete
- Indicating a successful operation or status
- Representing a selected or active option in a list
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { CheckSquareOffset } from '@phosphor-icons/react';
<CheckSquareOffset size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<CheckSquareOffset size={24} />thin
<CheckSquareOffset size={24} weight="thin" />light
<CheckSquareOffset size={24} weight="light" />bold
<CheckSquareOffset size={24} weight="bold" />fill
<CheckSquareOffset size={24} weight="fill" />duotone
<CheckSquareOffset size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- system
- Keywords
- *updated*todoto-dotasklistcheckboxrectangleokdonesystemchecksquareoffsetcompleted taskverified itemchecked rectangle
FAQ
- What does the check square offset icon signify?
- It signifies a completed task, a checked item, or a verified status, commonly used in system interfaces for tracking progress or selections.
- How do I use the check square offset icon in React?
- You can import and use it in React with: import { CheckSquareOffset } from '@phosphor-icons/react'. Then render it as <CheckSquareOffset size={24} />.
- What is the license for this icon?
- The Phosphor icon library, including the check square offset 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 →