The Lucide trending down icon visually represents a decrease in a trend, commonly used to indicate negative performance or a decline in data.
Common uses
- Showing a stock price decrease
- Indicating a drop in user engagement
- Representing a negative sales trend
Use it in React
Install
npm i lucide-reactImport & render
import { TrendingDown } from 'lucide-react';
<TrendingDown size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- statisticstrendingdowndecreasefallingnegative trendmarket down
FAQ
- What does the trending down icon represent?
- It signifies a downward movement or decline, often used for negative statistics or performance indicators.
- How do I use the trending down icon in React?
- Import it from 'lucide-react' and use it as a component: import { TrendingDown } from 'lucide-react'.
- What is the license for the Lucide trending down icon?
- The Lucide icon library, including the trending down 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 →