The Phosphor selection all icon, also known as marquis, visually represents selecting all items within a given context, commonly used in editors or design tools to signify a 'select all' action.
Common uses
- Select all checkboxes in a list
- Apply an action to all elements on a canvas
- Enable 'select all' functionality in a text editor
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { SelectionAll } from '@phosphor-icons/react';
<SelectionAll size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<SelectionAll size={24} />thin
<SelectionAll size={24} weight="thin" />light
<SelectionAll size={24} weight="light" />bold
<SelectionAll size={24} weight="bold" />fill
<SelectionAll size={24} weight="fill" />duotone
<SelectionAll size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- design
- Keywords
- marquisselect alldesigneditorselectionallselect-all
FAQ
- What does the selection all icon represent?
- It represents the action of selecting every item available in a particular view or list.
- How do I use the selection all icon in React?
- You can import and use it like this: import { SelectionAll } from '@phosphor-icons/react'. Then render it as <SelectionAll />.
- What is the license for this icon?
- The Phosphor icon library, 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 →