Sitemap Hierarchy Tree color outline icon
Tree diagram with one square on top connected by lines to three squares below
Related tags
About the Sitemap Hierarchy Tree color outline icon
A single rounded square sits at the top and drops a short stem into a horizontal bar, which then feeds three evenly spaced rounded squares on the row below. The layout communicates parent and child levels, site depth, and ordered navigation paths. Useful for sitemap generators, SEO audit dashboards, CMS page trees, org chart slides, and workflow builder toolbars.
All four nodes share the same size and corner radius, so the eye reads hierarchy from position alone rather than from scale. The connector lines meet at right angles for a clean technical feel. Pair it with folder, link and analytics icons, and avoid sizes under 24 px where the stems thin out.
This is the colour outline version of the sitemap hierarchy tree icon: the same line drawing in an accent colour, useful for highlighting a state, a category or a brand tone without adding visual weight.
It downloads free as an SVG vector or transparent PNG in seven sizes, and the free online editor lets you recolor it, apply gold, silver, neon and gradient styles, add animation, or convert it to EPS, PDF and DXF.
Free for personal and commercial use with attribution.
