Add icons to this collection by clicking the heart icon.
Hierarchy icon - also known as computer, development, structure, process, hierarchy, software, software development, and waterfall. Created in a clean soft fill style with a silver, gray, black, teal, and orange 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 60 60"
>
<path fill="#d9dde3" d="M59 9v47a3 3 0 0 1-3 3H4a3 3 0 0 1-3-3V9l1-1h56z" />
<path fill="#397382" d="M59 4v5H1V4a3 3 0 0 1 3-3h52a3 3 0 0 1 3 3z" />
<rect width="6" height="6" x="6" y="15" fill="#4cb799" rx="1" />
<rect width="26" height="6" x="16" y="15" fill="#b2b7bf" rx="1" />
<rect width="6" height="6" x="9" y="26" fill="#397382" rx="1" />
<rect width="26" height="6" x="19" y="26" fill="#b2b7bf" rx="1" />
<rect width="6" height="6" x="12" y="37" fill="#f5ba32" rx="1" />
<rect width="26" height="6" x="22" y="37" fill="#b2b7bf" rx="1" />
<rect width="6" height="6" x="15" y="48" fill="#ec5e69" rx="1" />
<rect width="26" height="6" x="25" y="48" fill="#b2b7bf" rx="1" />
<g fill="#373737">
<path
d="M56 0H4a4 4 0 0 0-4 4v5a1 1 0 0 0 1 1h57v46a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V14a1 1 0 0 0-2 0v42a4 4 0 0 0 4 4h52a4 4 0 0 0 4-4V4a4 4 0 0 0-4-4zM2 8V4a2 2 0 0 1 2-2h52a2 2 0 0 1 2 2v4z"
/>
<path
d="M11 14H7a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h4a2 2 0 0 0 2-2v-4a2 2 0 0 0-2-2zm-4 6v-4h4v4zM41 14H17a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h24a2 2 0 0 0 2-2v-1h3v1a1 1 0 0 0-.707 1.707l1 1a1 1 0 0 0 1.414 0l1-1A1 1 0 0 0 48 20v-1a2 2 0 0 0-2-2h-3v-1a2 2 0 0 0-2-2zm-24 6v-4h24v4zM10 25a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h4a2 2 0 0 0 2-2v-4a2 2 0 0 0-2-2zm0 6v-4h4v4zM19 42v-4a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h4a2 2 0 0 0 2-2zm-6-4h4v4h-4zM16 55h4a2 2 0 0 0 2-2v-4a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2zm0-6h4v4h-4zM26 47a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h24a2 2 0 0 0 2-2v-4a2 2 0 0 0-2-2zm0 6v-4h24v4zM6 4H5a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2zM11 4h-1a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2zM16 4h-1a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2zM55 4h-8a1 1 0 0 0 0 2h8a1 1 0 0 0 0-2zM52 39h-3v-1a2 2 0 0 0-2-2H23a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h24a2 2 0 0 0 2-2v-1h3v1a1 1 0 0 0-.707 1.707l1 1a1 1 0 0 0 1.414 0l1-1A1 1 0 0 0 54 42v-1a2 2 0 0 0-2-2zm-29 3v-4h24v4zM49 28h-3v-1a2 2 0 0 0-2-2H20a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h24a2 2 0 0 0 2-2v-1h3v1a1 1 0 0 0-.707 1.707l1 1a1 1 0 0 0 1.414 0l1-1A1 1 0 0 0 51 31v-1a2 2 0 0 0-2-2zm-29 3v-4h24v4z"
/>
</g>
</svg>
More icons in the same style and category