The Tabler chart sankey icon depicts a Sankey diagram, commonly used in UI to visualize the flow of quantities between different stages or nodes in a system.
Common uses
- Visualizing user flow through a website.
- Showing energy or material flow in a process.
- Illustrating budget allocation and spending.
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconChartSankey } from '@tabler/icons-react';
<IconChartSankey size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Charts
- Keywords
- graphdiagramcurvesanalyticschartsankeystatisticsvisualizationmetricsreportchartsflow chartenergy flowprocess diagramdistribution graph
FAQ
- What is a Sankey diagram used for?
- Sankey diagrams are ideal for showing how quantities are distributed or transferred between different categories or steps.
- How do I use this icon in React?
- Import it using `import { IconChartSankey } from '@tabler/icons-react';` and then use it as a React component.
- What is the license for this icon?
- The Tabler icons, including chart-sankey, are released under the MIT license.
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 →