What is the list icon used for?

It's typically used to indicate a menu, a list of items, or a toggle for navigation elements like sidebars.

How do I use the list icon in React?

You can import and use it like this: `import { List } from '@phosphor-icons/react'`. Then render it as ` `.

The Phosphor icon library, including the list icon, is distributed under the MIT license.

Phosphor · list · MIT

The Phosphor list icon depicts three horizontal lines, commonly used to represent menus, navigation drawers, or lists of items in a user interface.

Install

npm i @phosphor-icons/react

Import & render

import { List } from '@phosphor-icons/react';

<List size={24} />

Phosphor ships this icon in 6 styles — each its own import:

regular

<List size={24} />

thin

<List size={24} weight="thin" />

light

<List size={24} weight="light" />

bold

<List size={24} weight="bold" />

fill

<List size={24} weight="fill" />

duotone

<List size={24} weight="duotone" />

Library: Phosphor (1,512 icons)
License: MIT
viewBox: 0 0 256 256
Category: system
Keywords: *updated*hamburger menuoverflow menusidebar3ulolunordered listordered listchecklistlinessystemeditorlistmenu iconsidebar toggle

What is the list icon used for?: It's typically used to indicate a menu, a list of items, or a toggle for navigation elements like sidebars.
How do I use the list icon in React?: You can import and use it like this: `import { List } from '@phosphor-icons/react'`. Then render it as `<List />`.
What is the license for the Phosphor list icon?: The Phosphor icon library, including the list icon, is distributed under the MIT license.

The same idea in other libraries, and near matches in Phosphor.