The Phosphor list dashes icon, also known as list-dashes, visually represents an unordered list or checklist and is commonly used in UI to denote list management or editing functions.
Common uses
- Button to toggle unordered list formatting
- Icon for a checklist or to-do list feature
- Menu item for list editing options
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { ListDashes } from '@phosphor-icons/react';
<ListDashes size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<ListDashes size={24} />thin
<ListDashes size={24} weight="thin" />light
<ListDashes size={24} weight="light" />bold
<ListDashes size={24} weight="bold" />fill
<ListDashes size={24} weight="fill" />duotone
<ListDashes size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- editor
- Keywords
- *updated*ulunordered listdashed listchecklisteditorlistdashesbullet pointsmenu list
FAQ
- What is the list dashes icon used for?
- It typically represents an unordered list, checklist, or list editing functionality within a user interface.
- How do I use the list dashes icon in React?
- You can import and use it like this: import { ListDashes } from '@phosphor-icons/react'.
- 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 →