The Tabler chart candle icon visually represents stock market price movements or financial data trends, often used in dashboards and financial applications to display historical data.
Common uses
- Displaying stock price history
- Visualizing financial performance metrics
- Showing data over time in analytics dashboards
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconChartCandle } from '@tabler/icons-react';
<IconChartCandle size={24} stroke={2} />Styles
Tabler ships this icon in 2 styles — each its own import:
outline
<IconChartCandle size={24} stroke={2} />filled
<IconChartCandleFilled size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Charts
- Keywords
- statisticsdiagramgraphrhythmdataanalysischartcandlevisualizationanalyticschartscandlestick chartfinancial graphstock datamarket trend
FAQ
- What does the chart candle icon represent?
- It depicts financial market data, showing opening, closing, high, and low prices for a given period, commonly used for stock or cryptocurrency analysis.
- How do I use the chart candle icon in React?
- You can import and use it like this: `import { IconChartCandle } from '@tabler/icons-react'`. Then render it as a component: `<IconChartCandle />`.
- What is the license for this icon?
- The Tabler icons, including chart-candle, are distributed under the MIT license, allowing for free use in both personal and commercial projects.
Related icons
The same idea in other libraries, and near matches in Tabler.
Looking for something else? Search Tabler 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 →