The Phosphor list bullets icon visually represents an unordered list and is commonly used in user interfaces to denote the creation or formatting of bulleted or unordered lists.
Common uses
- Button to insert an unordered list
- Formatting option in a rich text editor toolbar
- Indicator for list items in a task management app
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { ListBullets } from '@phosphor-icons/react';
<ListBullets size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<ListBullets size={24} />thin
<ListBullets size={24} weight="thin" />light
<ListBullets size={24} weight="light" />bold
<ListBullets size={24} weight="bold" />fill
<ListBullets size={24} weight="fill" />duotone
<ListBullets size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- editor
- Keywords
- *updated*ulunordered listbulleted listchecklisteditorlistbulletsbullet points
FAQ
- What is the list bullets icon used for?
- It's primarily used to represent and activate the functionality for creating or formatting unordered (bulleted) lists in a user interface.
- How do I use the list bullets icon in React?
- You can import and use it directly from the Phosphor React library with: import { ListBullets } from '@phosphor-icons/react'.
- What is the license for the Phosphor list bullets icon?
- The Phosphor icon library, including the list bullets 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 →