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 lineal color 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"
>
<path
fill="#f5f9ff"
d="M456.475 247.424a30.618 30.618 0 0 1-.034-27.416c15.98-31.991 15.654-72.457-4.287-107.242-21.874-38.156-61.426-59.142-100.407-57.43-9.922.436-19.497-4.081-25.505-11.99C306.398 17.224 272.417 0 233.823 0c-38.682 0-72.73 17.303-92.553 43.526-6.003 7.941-15.591 12.48-25.538 12.077C76.863 54.03 37.479 75.007 15.67 113.05c-20 34.888-20.27 75.491-4.145 107.527a30.618 30.618 0 0 1 .034 27.416c-15.98 31.991-15.654 72.457 4.287 107.242 21.874 38.156 61.426 59.142 100.407 57.43 9.922-.436 19.497 4.081 25.505 11.99C161.601 450.776 195.583 468 234.177 468c38.682 0 72.73-17.303 92.553-43.526 6.003-7.941 15.591-12.48 25.538-12.077 38.87 1.573 78.253-19.404 100.062-57.447 20-34.888 20.27-75.491 4.145-107.526z"
/>
<circle cx="342.621" cy="111.655" r="7" fill="#9ab8ed" opacity=".5" />
<circle cx="442" cy="301.25" r="7" fill="#ad9cdb" opacity=".6" />
<path
fill="#c7c1e8"
d="m225 342.684 5.81 1.231-6.719 1.906a9.999 9.999 0 0 0-7.035 7.461l-1.246 5.633-1.246-5.633a9.999 9.999 0 0 0-7.035-7.461l-6.719-1.906 5.81-1.231a10 10 0 0 0 7.643-7.417l1.547-6.352 1.547 6.352a9.999 9.999 0 0 0 7.643 7.417z"
/>
<path
fill="#ff8a80"
d="m47.906 172.462 5.81 1.231-6.719 1.906a9.999 9.999 0 0 0-7.035 7.461l-1.246 5.633-1.246-5.633a9.999 9.999 0 0 0-7.035-7.461l-6.719-1.906 5.81-1.231a10 10 0 0 0 7.643-7.417l1.547-6.352 1.547 6.352a10 10 0 0 0 7.643 7.417z"
opacity=".6"
/>
<path fill="#ad9cdb" d="M184 37h100v71.408H184z" />
<path fill="#c7c1e8" d="M184 37h15v71.408h-15z" />
<path fill="#ffebb3" d="M59 216.741h66.379v66.246H59z" />
<path fill="#fff8e6" d="M59 216.741h15v66.246H59z" />
<path fill="#ffebb3" d="M342.621 216.741H409v66.246h-66.379z" />
<path fill="#fff8e6" d="M342.621 216.741h15v66.246h-15z" />
<path fill="#ffebb3" d="M200.81 216.741h66.379v66.246H200.81z" />
<path fill="#fff8e6" d="M200.81 216.741h15v66.246h-15z" />
<path fill="#b1f0a8" d="M5 388.291h58.828V447H5z" />
<path fill="#dff9d9" d="M5 388.291h14V447H5z" />
<path fill="#b1f0a8" d="M122.259 388.291h58.828V447h-58.828z" />
<path fill="#dff9d9" d="M122.259 388.291h15V447h-15z" />
<path fill="#b1f0a8" d="M286.914 388.291h58.828V447h-58.828z" />
<path fill="#dff9d9" d="M286.914 388.291h14V447h-14z" />
<path fill="#b1f0a8" d="M404.172 388.291H463V447h-58.828z" />
<path fill="#dff9d9" d="M404.172 388.291h15V447h-15z" />
<path
fill="#5b5b7f"
d="M463 383.291h-24.414v-46.448a5 5 0 0 0-5-5h-54.482v-43.856H409a5 5 0 0 0 5-5V216.74a5 5 0 0 0-5-5h-28.189v-51.094a5 5 0 0 0-5-5H239v-42.239h45a5 5 0 0 0 5-5V37a5 5 0 0 0-5-5H184a5 5 0 0 0-5 5v71.407a5 5 0 0 0 5 5h45v42.239H92.189a5 5 0 0 0-5 5v51.094H59a5 5 0 0 0-5 5v66.246a5 5 0 0 0 5 5h28.189v43.856H34.414a5 5 0 0 0-5 5v46.448H5a5 5 0 0 0-5 5V447a5 5 0 0 0 5 5h58.827a5 5 0 0 0 5-5v-58.709a5 5 0 0 0-5-5H39.414v-41.448h107.259v41.448h-24.414a5 5 0 0 0-5 5V447a5 5 0 0 0 5 5h58.827a5 5 0 0 0 5-5v-58.709a5 5 0 0 0-5-5h-24.413v-46.448a5 5 0 0 0-5-5H97.189v-43.856h28.189a5 5 0 0 0 5-5V216.74a5 5 0 0 0-5-5H97.189v-46.094H229v46.094h-28.189a5 5 0 0 0-5 5v66.246a5 5 0 0 0 5 5h66.379a5 5 0 0 0 5-5V216.74a5 5 0 0 0-5-5H239v-46.094h131.811v46.094h-28.189a5 5 0 0 0-5 5v66.246a5 5 0 0 0 5 5h26.482v43.856h-52.776a5 5 0 0 0-5 5v46.448h-24.413a5 5 0 0 0-5 5V447a5 5 0 0 0 5 5h58.827a5 5 0 0 0 5-5v-58.709a5 5 0 0 0-5-5h-24.414v-41.448h107.259v41.448h-24.413a5 5 0 0 0-5 5V447a5 5 0 0 0 5 5H463a5 5 0 0 0 5-5v-58.709a5 5 0 0 0-5-5zM189 42h90v61.407h-90zM58.827 393.291V442H10v-48.709zm117.259 0V442h-48.827v-48.709zm-55.707-115.305H64V221.74h56.379zm141.81-56.246v56.246H205.81V221.74zm78.552 171.551V442h-48.827v-48.709zm6.88-115.305V221.74H404v56.246zM458 442h-48.827v-48.709H458z"
/>
<path
fill="#ffd0cc"
d="M409.142 46.886 435 61.026l-25.858 14.14L395 101.02l-14.142-25.854L355 61.026l25.858-14.14L395 21.032z"
/>
<path
fill="#fff3f3"
d="M380.858 46.886 355 61.026l15.558 8.508 21.3-11.648 11.651-21.299L395 21.032z"
/>
<path
fill="#bdbdcc"
d="M395 106.02a5 5 0 0 1-4.387-2.601l-13.439-24.568-24.572-13.438c-3.408-1.862-3.408-6.91-.001-8.773l24.573-13.438 13.439-24.568c1.863-3.407 6.91-3.407 8.773 0l13.439 24.568 24.573 13.438c3.407 1.863 3.407 6.911-.001 8.773l-24.572 13.438-13.439 24.568A5 5 0 0 1 395 106.02zm-29.579-44.994 17.835 9.753a4.995 4.995 0 0 1 1.988 1.987L395 90.601l9.756-17.834a4.995 4.995 0 0 1 1.988-1.987l17.835-9.753-17.836-9.754a4.999 4.999 0 0 1-1.987-1.987L395 31.451l-9.756 17.834a4.999 4.999 0 0 1-1.987 1.987z"
/>
<path
fill="#ffd0cc"
d="M87.142 46.886 113 61.026l-25.858 14.14L73 101.02 58.858 75.166 33 61.026l25.858-14.14L73 21.032z"
/>
<path
fill="#fff3f3"
d="M58.858 46.886 33 61.026l15.558 8.508 21.3-11.648 11.651-21.299L73 21.032z"
/>
<path
fill="#bdbdcc"
d="M73 106.02a5 5 0 0 1-4.387-2.601L55.174 78.851 30.602 65.413c-3.408-1.862-3.408-6.91-.001-8.773l24.573-13.438 13.439-24.568c1.863-3.407 6.91-3.407 8.773 0l13.439 24.568 24.573 13.438c3.407 1.863 3.407 6.911-.001 8.773L90.826 78.851l-13.439 24.568A5.002 5.002 0 0 1 73 106.02zM43.421 61.026l17.835 9.753a4.995 4.995 0 0 1 1.988 1.987L73 90.601l9.756-17.834a4.995 4.995 0 0 1 1.988-1.987l17.835-9.753-17.836-9.754a4.999 4.999 0 0 1-1.987-1.987L73 31.451l-9.756 17.834a4.999 4.999 0 0 1-1.987 1.987z"
/>
</svg>
More icons in the same style and category