The Lucide list filter icon visually represents a list with a funnel or filter applied, commonly used to indicate options for sorting or refining data.
Common uses
- Filtering search results
- Applying category filters
- Selecting sorting options
Use it in React
Install
npm i lucide-reactImport & render
import { ListFilter } from 'lucide-react';
<ListFilter size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- optionslistfiltersortrefine
FAQ
- What does the list filter icon represent?
- It signifies the ability to filter or sort a list of items. It's used in UIs to let users refine displayed data.
- How do I use the list filter icon in React?
- You can import and use it directly from the 'lucide-react' library like this: import { ListFilter } from 'lucide-react'.
- What is the license for the Lucide list filter icon?
- The Lucide icon library, including the list filter 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 →