Add icons to this collection by clicking the heart icon.
Hierarchy icon - also known as process, hierarchy, step, workflow, business and finance, and data flow. Created in a clean flat 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 468 468"
>
<g fill="#ccc">
<path
d="M151.673 333.878H97.189v-48.84c0-2.762-2.238-5-5-5s-5 2.238-5 5v48.84H34.414a5 5 0 0 0-5 5v51.432c0 2.762 2.238 5 5 5s5-2.238 5-5v-46.432h107.259v46.432c0 2.762 2.238 5 5 5s5-2.238 5-5v-51.432a5 5 0 0 0-5-5zM433.586 333.878h-54.482v-48.84c0-2.762-2.238-5-5-5s-5 2.238-5 5v48.84h-52.776a5 5 0 0 0-5 5v51.432c0 2.762 2.238 5 5 5s5-2.238 5-5v-46.432h107.259v46.432c0 2.762 2.238 5 5 5s5-2.238 5-5v-51.432a5 5 0 0 0-5.001-5zM370.811 167.737v51.076c0 2.762 2.238 5 5 5s5-2.238 5-5v-56.076a5 5 0 0 0-5-5H239v-47.224c0-2.762-2.238-5-5-5s-5 2.238-5 5v47.224H92.189a5 5 0 0 0-5 5v56.076c0 2.762 2.238 5 5 5s5-2.238 5-5v-51.076H229v51.076c0 2.762 2.238 5 5 5s5-2.238 5-5v-51.076z"
/>
</g>
<path fill="#ffd599" d="M5 390.309h58.828V449H5z" />
<path fill="#ffb64d" d="M5 390.309h11V449H5z" />
<path fill="#ffd599" d="M122.259 390.309h58.828V449h-58.828z" />
<path fill="#ffb64d" d="M122.259 390.309h11V449h-11z" />
<path fill="#ffd599" d="M404.172 390.309H463V449h-58.828z" />
<path fill="#ffb64d" d="M404.172 390.309h11V449h-11z" />
<path fill="#ffd599" d="M286.914 390.309h58.828V449h-58.828z" />
<path fill="#ffb64d" d="M286.914 390.309h11V449h-11z" />
<path fill="#7171ff" d="M59 218.813h66.379v66.225H59z" />
<path fill="#4f4ffc" d="M59 218.813h11v66.225H59z" />
<path fill="#7171ff" d="M342.675 218.813h66.379v66.225h-66.379z" />
<path fill="#4f4ffc" d="M342.675 218.813h11v66.225h-11z" />
<path fill="#7171ff" d="M200.81 218.813h66.379v66.225H200.81z" />
<path fill="#4f4ffc" d="M200.81 218.813h11v66.225h-11z" />
<path fill="#3ecc7e" d="M184 39.129h100v71.385H184z" />
<path fill="#33b568" d="M184 39.129h11v71.385h-11z" />
<path
fill="#ff667c"
d="m410.649 47.539 28.612 15.608-28.612 15.609L395 107.295l-15.649-28.539-28.612-15.609 28.612-15.608L395 19z"
/>
<path
fill="#f44a6a"
d="m361.694 57.171-10.955 5.976 28.612 15.609L395 107.295l5.991-10.927-13.894-25.339z"
/>
<path
fill="#ff667c"
d="m88.649 47.539 28.612 15.608-28.612 15.609L73 107.295 57.351 78.756 28.739 63.147l28.612-15.608L73 19z"
/>
<path
fill="#f44a6a"
d="m39.694 57.171-10.955 5.976 28.612 15.609L73 107.295l5.991-10.927-13.894-25.339z"
/>
<path
fill="#c2c2ff"
d="m443.265 164.912 6.735 1.427-7.788 2.209a11.591 11.591 0 0 0-8.155 8.648l-1.444 6.529-1.444-6.529a11.593 11.593 0 0 0-8.155-8.648l-7.788-2.209 6.735-1.427a11.59 11.59 0 0 0 8.859-8.596l1.793-7.363 1.793 7.363a11.59 11.59 0 0 0 8.859 8.596z"
/>
<path
fill="#ffb3c0"
d="m46.04 164.912 6.735 1.427-7.788 2.209a11.591 11.591 0 0 0-8.155 8.648l-1.444 6.529-1.444-6.529a11.593 11.593 0 0 0-8.155-8.648L18 166.339l6.735-1.427a11.59 11.59 0 0 0 8.859-8.596l1.793-7.363 1.793 7.363a11.595 11.595 0 0 0 8.86 8.596z"
/>
<ellipse cx="460.847" cy="284.018" fill="#e5e5e5" rx="7.153" ry="7.151" />
<ellipse cx="7.153" cy="284.018" fill="#e5e5e5" rx="7.153" ry="7.151" />
</svg>
More icons in the same style and category