The Phosphor chart line up icon visually represents an upward trend in data, commonly used in UI to signify positive growth, increasing statistics, or improving performance.
Common uses
- Displaying stock market gains.
- Indicating a positive sales trend.
- Showing user growth over time.
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { ChartLineUp } from '@phosphor-icons/react';
<ChartLineUp size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<ChartLineUp size={24} />thin
<ChartLineUp size={24} weight="thin" />light
<ChartLineUp size={24} weight="light" />bold
<ChartLineUp size={24} weight="bold" />fill
<ChartLineUp size={24} weight="fill" />duotone
<ChartLineUp size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- finances
- Keywords
- *updated*graphsgraphingchartsstatisticsanalyzeanalysisstocksfinancesofficechartlineupstock graphpositive trendgrowth chart
FAQ
- What does the chart line up icon represent?
- This icon depicts a line graph trending upwards, symbolizing positive change, growth, or an increase in data.
- How do I use the chart line up icon in React?
- Import it as ChartLineUp from '@phosphor-icons/react' and use it like any other React component: <ChartLineUp />.
- What is the license for this icon?
- The Phosphor icon library, including the chart line up icon, is available under the MIT license.
Related icons
The same idea in other libraries, and near matches in Phosphor.
Looking for something else? Search Phosphor 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 →