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 flat style with a silver, gray, red, 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="#d6dbe3" d="M59 9v47a3 3 0 0 1-3 3H4a3 3 0 0 1-3-3V9l1-1h56z" />
<path fill="#276f82" 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="#31b791" rx="1" />
<rect width="26" height="6" x="16" y="15" fill="#afb5bf" rx="1" />
<rect width="6" height="6" x="9" y="26" fill="#276f82" rx="1" />
<rect width="26" height="6" x="19" y="26" fill="#afb5bf" rx="1" />
<rect width="6" height="6" x="12" y="37" fill="#f5ab01" rx="1" />
<rect width="26" height="6" x="22" y="37" fill="#afb5bf" rx="1" />
<rect width="6" height="6" x="15" y="48" fill="#ec3a48" rx="1" />
<rect width="26" height="6" x="25" y="48" fill="#afb5bf" rx="1" />
<path fill="#f8536c" d="M6 6H5a1 1 0 0 1 0-2h1a1 1 0 0 1 0 2z" />
<path fill="#fccb55" d="M11 6h-1a1 1 0 0 1 0-2h1a1 1 0 0 1 0 2z" />
<path fill="#a9dc62" d="M16 6h-1a1 1 0 0 1 0-2h1a1 1 0 0 1 0 2z" />
<path fill="#1e505b" d="M55 6h-8a1 1 0 0 1 0-2h8a1 1 0 0 1 0 2z" />
<g fill="#8991a0">
<path
d="M42 19h4v1a1 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-4zM48 41h4v1a1 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-2h-4zM45 30h4v1a1 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-2h-4z"
/>
</g>
</svg>
More icons in the same style and category