Add icons to this collection by clicking the heart icon.
Hierarchy icon - also known as business, diagram, structure, order, flow, hierarchy, hierarchical structure, browser, seo and web, and organization chart. Created in a clean gradient style, 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 64 64"
>
<linearGradient
id="linear-gradient"
gradientUnits="userSpaceOnUse"
x1="2.447"
x2="58.942"
y1="-.182"
y2="50.991"
>
<stop offset="0" stop-color="#ff35d8" />
<stop offset=".061" stop-color="#ea34d4" />
<stop offset=".247" stop-color="#b133ca" />
<stop offset=".427" stop-color="#8131c2" />
<stop offset=".597" stop-color="#5c30bb" />
<stop offset=".753" stop-color="#4130b7" />
<stop offset=".893" stop-color="#312fb4" />
<stop offset="1" stop-color="#2b2fb3" />
</linearGradient>
<linearGradient
id="linear-gradient-2"
x1=".644"
x2="57.139"
y1="1.808"
y2="52.981"
href="#linear-gradient"
/>
<linearGradient
id="linear-gradient-3"
x1="-1.159"
x2="55.336"
y1="3.798"
y2="54.971"
href="#linear-gradient"
/>
<linearGradient
id="linear-gradient-4"
x1="-.247"
x2="56.249"
y1="2.791"
y2="53.964"
href="#linear-gradient"
/>
<linearGradient
id="linear-gradient-5"
x1="6.954"
x2="63.449"
y1="-5.158"
y2="46.015"
href="#linear-gradient"
/>
<linearGradient
id="linear-gradient-6"
x1="-3.138"
x2="53.357"
y1="5.983"
y2="57.157"
href="#linear-gradient"
/>
<g id="Hierarchy-and-Flow">
<path d="m16 12h2v2h-2z" fill="url(#linear-gradient)" />
<path d="m12 12h2v2h-2z" fill="url(#linear-gradient-2)" />
<path d="m8 12h2v2h-2z" fill="url(#linear-gradient-3)" />
<path
d="m55 8h-46a7.008 7.008 0 0 0 -7 7v34a7.008 7.008 0 0 0 7 7h46a7.008 7.008 0 0 0 7-7v-34a7.008 7.008 0 0 0 -7-7zm5 41a5.006 5.006 0 0 1 -5 5h-46a5.006 5.006 0 0 1 -5-5v-31h54v-2h-54v-1a5.006 5.006 0 0 1 5-5h46a5.006 5.006 0 0 1 5 5z"
fill="url(#linear-gradient-4)"
/>
<path d="m20 12h14v2h-14z" fill="url(#linear-gradient-5)" />
<path
d="m55 38h-1v-2a3 3 0 0 0 -3-3h-18v-3h3a3 3 0 0 0 3-3v-1h5v1a3 3 0 0 0 3 3h4a3 3 0 0 0 3-3v-4a3 3 0 0 0 -3-3h-4a3 3 0 0 0 -3 3v1h-5v-1a3 3 0 0 0 -3-3h-8a3 3 0 0 0 -3 3v1h-5v-1a3 3 0 0 0 -3-3h-4a3 3 0 0 0 -3 3v4a3 3 0 0 0 3 3h4a3 3 0 0 0 3-3v-1h5v1a3 3 0 0 0 3 3h3v3h-18a3 3 0 0 0 -3 3v2h-1a3 3 0 0 0 -3 3v8a3 3 0 0 0 3 3h4a3 3 0 0 0 3-3v-8a3 3 0 0 0 -3-3h-1v-2a1 1 0 0 1 1-1h11v3h-1a3 3 0 0 0 -3 3v8a3 3 0 0 0 3 3h4a3 3 0 0 0 3-3v-8a3 3 0 0 0 -3-3h-1v-3h12v3h-1a3 3 0 0 0 -3 3v8a3 3 0 0 0 3 3h4a3 3 0 0 0 3-3v-8a3 3 0 0 0 -3-3h-1v-3h11a1 1 0 0 1 1 1v2h-1a3 3 0 0 0 -3 3v8a3 3 0 0 0 3 3h4a3 3 0 0 0 3-3v-8a3 3 0 0 0 -3-3zm-9-15a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v4a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1-1zm-28 4a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1-1v-4a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1zm9 0v-4a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v4a1 1 0 0 1 -1 1h-8a1 1 0 0 1 -1-1zm-13 14v8a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1-1v-8a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1zm14 0v8a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1-1v-8a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1zm14 0v8a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1-1v-8a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1zm14 8a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1-1v-8a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1z"
fill="url(#linear-gradient-6)"
/>
</g>
</svg>
More icons in the same style and category