The Lucide trending up down icon visually represents data that is fluctuating or uncertain, commonly used in UI to indicate a variable or indeterminate trend.
Common uses
- Showing stock price volatility
- Indicating fluctuating user engagement metrics
- Representing an uncertain forecast
Use it in React
Install
npm i lucide-reactImport & render
import { TrendingUpDown } from 'lucide-react';
<TrendingUpDown size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- arrowsestimatedindeterminatedata fluctuationuncertainforecastvariablepredictiondynamicvolatiletrendingupdownvolatile trendvariable forecast
FAQ
- What does the trending up down icon signify?
- This icon signifies data that is moving in both upward and downward directions, indicating fluctuation, uncertainty, or an indeterminate trend.
- How do I use the trending up down icon in React?
- You can import and use it in React with the following statement: `import { TrendingUpDown } from 'lucide-react'`.
- What is the license for Lucide icons?
- Lucide icons, including the trending up down icon, are distributed 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 →