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.
Looking for something else? Search Lucide 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 →