Default

By default, breadcrumbs are displayed inline with the hierarchy shown in reading order.

Overflow

Breadcrumbs truncate when there is not enough room to display all levels of the breadcrumb list, or as a way of managing relevance of the visible breadcrumb items in a deeply nested hierarchy. Always truncate at the top level, on the left, so that the current level and as many possible parent levels are visible.

Use breadcrumbs to show hierarchy

Breadcrumbs need a consistent hierarchical structure because they create a path for discovery and context for a user’s current location.

Icons in breadcrumbs

Don't use icons within breadcrumbs. Since breadcrumbs are horizontally distributed, icons disrupt the rhythm and readability of the list.