The Lucide trending up icon visually represents growth or an upward trend, commonly used to indicate positive performance or increasing data.
Common uses
- Displaying stock market gains
- Highlighting positive user growth
- Indicating an upward trend in analytics
Use it in React
Install
npm i lucide-reactImport & render
import { TrendingUp } from 'lucide-react';
<TrendingUp size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- statisticstrendingupgrowthincreasepositiveanalytics
FAQ
- What does the trending up icon represent?
- It signifies an increase, growth, or positive movement, often used for statistics or performance indicators.
- How do I use the trending up icon in React?
- Import it from the lucide-react library: import { TrendingUp } from 'lucide-react'. Then use it as a React component: <TrendingUp />.
- What is the license for the Lucide trending up icon?
- The Lucide icon set, including the trending up 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 →