Nested Diagram Branch Nodes color filled icon

SaveNested Diagram Branch Nodes color filled icon
ColorMulticolor icon — use the Edit button on the preview to recolor
Outline
Nested Diagram Branch Nodes Black Outline icon
Filled
Nested Diagram Branch Nodes Black Filled icon
Color filled

Two rounded square nodes connected by an elbow line forming a nested branch diagram

✨ Ready styles — click one to customize it in the Advanced editor

About the Nested Diagram Branch Nodes color filled icon

Two empty rounded squares sit on a diagonal, joined by a line that drops from the upper node, turns a right angle and runs into the side of the lower one. The stepped connector reads as parent and child, so the drawing communicates hierarchy, nesting, branching and dependency between steps. It works in flowchart editors, sitemap and site-structure tools, org chart builders, folder tree views and project dependency panels.

Both nodes are the same size with generous corner radii, and the connector uses a single rounded elbow rather than a diagonal, keeping the path readable at small sizes. It pairs with flowchart, workflow and sitemap icons on the same stroke weight. Give it at least 24 px so the elbow does not collapse into the nodes.

This is the colour filled version of the nested diagram branch nodes icon: a flat, solid-colour shape that stands out in dashboards, marketing pages and app tiles where the icon needs to carry colour meaning.

Download it free as a scalable SVG vector or transparent-background PNG in seven sizes (16 to 512px), copy the SVG code straight into your project, or open it in the free online editor to change colors, apply gold, silver, neon and gradient styles, animate it, or convert it to EPS, PDF and DXF.

Free for personal and commercial use with attribution.

Icons with the same concept