# Separator

The Breadcrumb allows you to change its default separator by using the [built-in Kendo UI icons](https://www.telerik.com/kendo-angular-ui/components/styling/icons).

The built-in icons are applied through the [`separatorSVGIcon`](https://www.telerik.com/kendo-angular-ui/components/navigation/api/breadcrumbcomponent#separatorsvgicon) property. See the full [list of SVG icons supported by Kendo UI for Angular](https://www.telerik.com/kendo-angular-ui/components/icons/svgicon/svgicon-list).

The following example demonstrates how to change the default separator:

[Demo Source](https://demos.telerik.com/kendo-angular-ui/demos/navigation/breadcrumb/separator/source.txt)

## Suggested Links

* [API Reference of the Breadcrumb Component](https://www.telerik.com/kendo-angular-ui/components/navigation/api/breadcrumbcomponent)