The Phosphor trend down icon visually represents a downward trend, commonly used in financial or data analysis interfaces to indicate a decrease in value or performance.
Common uses
- Displaying stock price decline.
- Indicating a negative sales performance.
- Showing a decrease in user engagement metrics.
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { TrendDown } from '@phosphor-icons/react';
<TrendDown size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<TrendDown size={24} />thin
<TrendDown size={24} weight="thin" />light
<TrendDown size={24} weight="light" />bold
<TrendDown size={24} weight="bold" />fill
<TrendDown size={24} weight="fill" />duotone
<TrendDown size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- finances
- Keywords
- graphsgraphingchartsstatisticsanalyzeanalysisdecreasearrowsfinancesofficetrenddowndecrease arrowstock downfalling graphnegative trend
FAQ
- What does the trend down icon represent?
- It signifies a downward movement or decrease, often used for financial data, stock performance, or any metric showing a decline.
- How do I use the trend down icon in React?
- You can import and use it in your React components like this: import { TrendDown } from '@phosphor-icons/react'.
- What is the license for this icon?
- The Phosphor icon library, including the trend down 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 →