The Lucide arrow down wide narrow icon depicts a downward-pointing arrow with varying widths, commonly used to indicate filtering or sorting options, particularly for descending order.
Common uses
- Descending sort order control
- Filter options menu
- Collapse/expand section
Use it in React
Install
npm i lucide-reactImport & render
import { ArrowDownWideNarrow } from 'lucide-react';
<ArrowDownWideNarrow size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- filtersortascendingdescendingincreasingdecreasingrisingfallingarrowdownwidenarrowfilter downsort descendingcollapse arrowdown wide
FAQ
- What is the arrow down wide narrow icon used for?
- It's typically used to represent actions like sorting data in descending order or applying filters. It can also signify collapsing or expanding content.
- How do I use this icon in React?
- You can import and use it like this: import { ArrowDownWideNarrow } from 'lucide-react'. Then, render it as <ArrowDownWideNarrow />.
- What is the license for this icon?
- The Lucide icon library, including this 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 →