Add icons to this collection by clicking the heart icon.
Hierarchy icon - also known as networking, structure, order, organization, hierarchy, sitemap, workflow, flowchart, and business and finance. Created in a clean lineal color gradient style with a maroon finish, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="512"
height="512"
viewBox="0 0 48 48"
>
<linearGradient
id="b"
x1="20.293"
x2="27.707"
y1="8.293"
y2="15.707"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f2756b" />
<stop offset="1" stop-color="#c44747" />
</linearGradient>
<linearGradient
id="a"
x1="20.293"
x2="27.707"
y1="32.293"
y2="39.707"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#9cc480" />
<stop offset="1" stop-color="#698c46" />
</linearGradient>
<linearGradient
id="c"
x1="36.293"
x2="43.707"
y1="32.293"
y2="39.707"
href="#a"
/>
<linearGradient
id="d"
x1="4.293"
x2="11.707"
y1="32.293"
y2="39.707"
href="#a"
/>
<rect width="10" height="6" x="19" y="9" fill="url(#b)" rx="1" />
<rect width="10" height="6" x="19" y="33" fill="url(#a)" rx="1" />
<rect width="10" height="6" x="35" y="33" fill="url(#c)" rx="1" />
<rect width="10" height="6" x="3" y="33" fill="url(#d)" rx="1" />
<path
fill="#493a3a"
d="M45 32h-4v-9a1 1 0 0 0-1-1H25v-6h4a1 1 0 0 0 1-1V9a1 1 0 0 0-1-1H19a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h4v6H8a1 1 0 0 0-1 1v9H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1v-6a1 1 0 0 0-1-1H9v-8h14v8h-4a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1v-6a1 1 0 0 0-1-1h-4v-8h14v8h-4a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1v-6a1 1 0 0 0-1-1zm-33 2v4H4v-4zm16 0v4h-8v-4zm-8-20v-4h8v4zm24 24h-8v-4h8z"
/>
</svg>
More icons in the same style and category