New to Kendo UI for jQuery? Download free 30-day trial

Use FontAwesome Icons in the TreeView


Product Progress® Kendo UI® TreeView for jQuery
Operating System Windows 10 64bit
Visual Studio Version Visual Studio 2017
Preferred Language JavaScript


How can I use FontAwesome icons in the Kendo UI for jQuery TreeView?


The following example demonstrates how to use FontAwesome icons as TreeView sprite icons.

    <link href="//" rel="stylesheet">

      .fa.k-sprite::before {
        font-size: 12px;
        line-height: 12px;
        vertical-align: middle;

    <div id="treeview"></div>
        dataSource: [
          { text: "Flying objects", spriteCssClass: "fa fa-sitemap", expanded: true, items: [
            { text: "Paper plane", spriteCssClass: "fa fa-paper-plane" },
            { text: "Plane", spriteCssClass: "fa fa-plane" },
            { text: "Space shuttle", spriteCssClass: "fa fa-space-shuttle" }
          ] }

See Also

In this article