Back to Explorer
16 - 512
0.5 - 4.0
Save to
navigationoutline
md waterfall chart
Designed by Google Material
Developer Export Center
Code snippets update in real-time as you customize the playground.
const MdWaterfallChartIcon = (props) => (
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
width="24"
height="24"
fill="none"
stroke="currentColor"
strokeWidth="2"
strokeLinecap="round"
strokeLinejoin="round"
{...props}
>
<g><path d="M0,0h24v24H0V0z" fill="none"/></g><g><g><path d="M18,4h3v16h-3V4z M3,13h3v7H3V13z M14,4h3v3h-3V4z M10,5h3v4h-3V5z M7,10h3v4H7V10z"/></g></g>
</svg>
);SVG Optimizer
Before
0.33 KB
↓
After
0.33 KB
Tags
analysisanalyticsbarbarsbreakdownbridgebusinesschartcolumnsdatadecreasedecrementdiagramfinancefinancialgaingraphincreaseincrementinfographiclossmeasuremetricsnegativepositiveprogressreportstackedstatisticssummarytrackingverticalvisualizationwaterfallwaterfall chart
Compare Alternatives
See how other libraries approach this concept.