Gentleface › Charts & data › sankey-chart
sankey-chart icon
sankey-chartSankey chart: sankey diagram, path analysis, sankey chart, flow analysis. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.
Code line-round
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M5 4C6.734 4 7.202 1 11 1L12 1L12 5L11 5C9.266 5 8.798 8 5 8L4 8L4 4L5 4ZM15 5L13 5L13 1L15 1L15 5ZM3 4L3 11L1 11L1 4L3 4ZM12 13L12 15L11.5 15C7.485 15 7.369 11 4.5 11L4 11L4 9L4.5 9C8.515 9 8.631 13 11.5 13L12 13ZM15 15L13 15L13 13L15 13L15 15Z"/></svg>
// Gentleface "sankey-chart" (line-round), MIT. https://gentleface.com/icons/sankey-chart
import type { SVGProps } from 'react';
export function SankeyChartIcon(props: SVGProps<SVGSVGElement>) {
return (
<svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" {...props}>
<path d="M5 4C6.734 4 7.202 1 11 1L12 1L12 5L11 5C9.266 5 8.798 8 5 8L4 8L4 4L5 4ZM15 5L13 5L13 1L15 1L15 5ZM3 4L3 11L1 11L1 4L3 4ZM12 13L12 15L11.5 15C7.485 15 7.369 11 4.5 11L4 11L4 9L4.5 9C8.515 9 8.631 13 11.5 13L12 13ZM15 15L13 15L13 13L15 13L15 15Z" />
</svg>
);
}Vue: see /icons/sankey-chart.md
Svelte: see /icons/sankey-chart.md
HTML img: see /icons/sankey-chart.md
CSS: see /icons/sankey-chart.md
Data URL: see /icons/sankey-chart.md
Sprite: see /icons/sankey-chart.md
SwiftUI: see /icons/sankey-chart.md
Compose: see /icons/sankey-chart.md
Android XML: see /icons/sankey-chart.md
Flutter: see /icons/sankey-chart.md
Each SVG is 16 × 16 with fill="currentColor". Keep it at 16 px or an exact multiple (32, 48) on whole pixels: a fractional size or position blurs it. The snippets are decorative (aria-hidden). For an icon that carries meaning on its own, such as an icon-only button, label the button, or give the SVG role="img" and an aria-label. More in how to use.
Meaning
- Use it for
- sankey diagram, path analysis, sankey chart, flow analysis
- Alternatives
flowchart: a process with decisions (flowchart)
- Tags
- sankey, flow, paths, journey, funnel, chart, analytics, streams
- Category
- Charts & data
- Component name
SankeyChartIcon- History
- added
- 16 px drawn
Family 36
More charts & data icons
chart-legend flowchart gauge node-graph word-cloud · all charts & data icons
For agents
Metadata: /icons/sankey-chart.json · Markdown: /icons/sankey-chart.md · SVG: https://gentleface.com/svg/{style}/16/sankey-chart.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/sankey-chart.png