The Lucide list icon depicts a stack of horizontal lines, commonly used to represent a list of items, options, or a menu in a user interface.
Common uses
- Displaying a list of settings
- Representing a dropdown menu
- Indicating a to-do list
Use it in React
Install
npm i lucide-reactImport & render
import { List } from 'lucide-react';
<List size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- optionslistmenuchecklistbullet points
FAQ
- What is the list icon used for?
- It visually represents a collection of items, options, or data presented in a sequential or grouped manner.
- How do I use the list icon in React?
- You can import and use it directly from the 'lucide-react' library: import { List } from 'lucide-react'.
- What is the license for the Lucide list icon?
- The Lucide icon library, including the list icon, is available under the ISC license.
Related icons
The same idea in other libraries, and near matches in Lucide.