图标

Breadcrumb允许配置项目的图标和分隔符

根图标

根图标是第一个图标，即为home图标，可以通过items.icon配置进行更改图标配置，根图标也是可点击的，点击后将重置组件的值。

项目图标

在根图标之后为每个元素呈现的图标也是可点击的，可以通过items.icon进行配置。

分隔符图标

将Breadcrumb的条目分开的图标。

举例：

下面的示例演示如何配置不同的图标。

<nav id="breadcrumb"></nav>

<script>
$("#breadcrumb").kendoBreadcrumb({
items: [
{ type: "rootitem", href: "mysite.com", text: "Telerik UI", icon: "globe", showIcon: true, showText: true },
{ type: "item", href: "/navigation", text: "Navigation", icon: "cloud", showText: true, showIcon: false },
{ type: "item", href: "/breadcrumb", text: "Breadcrumb", showText: true },
],
delimiterIcon: "k-i-line"
});
</script>