<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 36 36"><g transform="translate(0 0)"><path fill="currentColor" d="M9.8 18.8h16.4v3.08h1.6V17.2h-9V14h-1.6v3.2h-9v4.68h1.6z" class="clr-i-solid clr-i-solid-path-1"/><rect width="14" height="10" x="2" y="23" fill="currentColor" class="clr-i-solid clr-i-solid-path-2" rx="2" ry="2"/><rect width="14" height="10" x="20" y="23" fill="currentColor" class="clr-i-solid clr-i-solid-path-3" rx="2" ry="2"/><rect width="14" height="10" x="11" y="3" fill="currentColor" class="clr-i-solid clr-i-solid-path-4" rx="2" ry="2"/><path fill="none" d="M0 0h36v36H0z"/></g></svg>
Customize
About this icon
The Clarity version of the flow chart icon, in a filled style. Bars compare things, lines show change over time, pies show parts of a whole. Pick the one that matches your data.
It's a solid shape on a 36 × 36 grid. It holds up well at 16 px and takes any colour cleanly.
It's free for personal and commercial use (MIT). Not quite the look you need? The same symbol comes in 5 other styles below.
| Icon set | Clarity (version 1.2.4) |
| Author | VMware |
| Licence | MIT |
| Style | filled |
| Original size | 36 × 36 |
| Name | clarity:flow-chart-solid |
Topics
Credit (optional)
Credit is not required by this licence, but it helps the authors and us. You can paste this line on your site:
Something wrong with this icon? Report it