Last Updated: 02 Nov 2021 20:37 by ADMIN
Created on: 27 Oct 2021 10:00
Category: TreeView
Type: Feature Request
Icon customization for kendo-treeview


We would like to be able to customize icons used in kendo-treeview (ex: arrows to access child elements).

This is required to match the rest of our style guide where we only use fontawesome icons.

Having still some kendo UI icons feel a bit weird at the moment.



1 comment
Posted on: 02 Nov 2021 20:37

Hello Cyril,

Thank you for the feature request. Similar to the feature request to customize icons in the Kendo UI Menu, I am approving this request and setting it as unplanned.

Please use the following CSS to customize the icons in the Kendo UI TreeView:

@import "https://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css";
.k-icon.k-i-collapse::before {
  content: "\\f107";
  font-family: FontAwesome;
.k-icon.k-i-expand::before {
  content: "\\f105";
  font-family: FontAwesome;

In this StackBlitz example, I have replaced the default Kendo UI TreeView icons with the Font Awesome icons.

Let me know if you have any further questions pertaining to this case.

Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.