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

Use FontAwesome Icons in the ToolBar


Product Progress® Kendo UI® ToolBar 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 ToolBar?


The example below demonstrates how to use FontAwesome icons as Kendo UI ToolBar sprite icons.

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

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

    <div id="toolbar"></div>
        items: [
          { type: "button", spriteCssClass: "fa fa-paper-plane", text: "Paper plane" },
          { type: "button", spriteCssClass: "fa fa-plane", text: "Plane" },
          { type: "button", spriteCssClass: "fa fa-space-shuttle", text: "Space shuttle" }

See Also

In this article