---
title: "Web Hierarchy Icon | Free Download PNG & SVG | Sharp Gradient"
product: "Streamline Icons, Illustrations and Elements"
url: /icons/download/web-hierarchy--28099
canonical_url: "https://www.streamlinehq.com/icons/download/web-hierarchy--28099"
summary: "Sharp gradient icon of a vertical bar with three horizontal bars. Used for hierarchy menus and org charts."
---

# Web Hierarchy icon

The Web Hierarchy icon shows a vertical bar connected to three separated horizontal rectangular bars. Drawn in the gradient style on a 24px grid, its bold geometric forms stay clear in interface layouts. Use it for hierarchy menus, navigation trees, organizational charts, and structured data views. It belongs to Sharp Gradient set in the Sharp family.

## Preview

![Sharp gradient icon of a vertical bar with three horizontal bars. Used for hierarchy menus and org charts.](https://assets.streamlinehq.com/image/private/w_240,h_240,ar_1/f_auto/v1/icons/sharp-gradient/programming/web/web-hierarchy-schazq81zra1p2jafglw9l.png?_a=DATAiZkSZAA0)

## Details

- **Name**: Web Hierarchy
- **Type**: Icon
- **Set**: [Sharp Gradient](/icons/sharp-gradient.md) — Sharp cuts the chase with its bold and geometric look. It follows strict construction guidelines to convey a high-tech feel.&nbsp;The Gradient style is best suited for designs where impact and immersion are key, especially on dark backgrounds. All Sharp Gradient icons are designed on a 24px grid using filled shapes as gradient colors.
- **Family**: [Sharp](/icons/sharp-sets.md) — Brutalist icons
- **Style**: Gradient, Geometric
- **Category**: Programming › Web
- **Default size**: 24px
- **Pricing**: Pro
- **License**: [Commercial](https://home.streamlinehq.com/license-premium)
- **Author**: [Streamline](https://home.streamlinehq.com/)
- **Formats**: PNG, WEBP, PDF, SVG, JSX
- **Tags**: hierarchy, organization, structure, outline, web, menu, workflow, levels, chart, process, steps, dropdown, align, bars

## Download

- [Download Web Hierarchy on Streamline](https://www.streamlinehq.com/icons/download/web-hierarchy--28099)

## Also available in other styles

- [Web Hierarchy — Sharp Solid](/icons/download/web-hierarchy--25283.md) (Pro)
- [Web Hierarchy — Sharp Remix](/icons/download/web-hierarchy--28767.md) (Pro)
- [Web Hierarchy — Sharp Flat](/icons/download/web-hierarchy--25447.md) (Pro)
- [Web Hierarchy — Sharp Pop](/icons/download/web-hierarchy--31585.md) (Pro)
- [Web Hierarchy — Sharp Neon](/icons/download/web-hierarchy--30768.md) (Pro)
- [Web Hierarchy — Sharp Line](/icons/download/web-hierarchy--24939.md) (Pro)
- [Web Hierarchy — Sharp Duo](/icons/download/web-hierarchy--25115.md) (Pro)

---

[View full sitemap](/sitemap.md)
