ExtJS Tree Icon Plugin


This plugin finds first tree column in the tree panel or tree grid it is plugged into and implements a custom template that renders tree node icons using glyphs from Font Awesome, or another icon-font. It also understands iconColor field that can be used to set icon colors.

Live Demo

Main Features

  • implements icon-font support in trees and treegrids
  • uses iconCls field to set the icon glyph
  • uses iconColor field to set the icon color
  • uses default folder and leaf icons if iconCls is null
  • very easy to configure
  • fully documented
  • tested and workable in Ext 4.2.2, 5.0.1 and 5.1.0


Version 1.1.0 for Ext 5.x1. February 2015

  • Initial release

Product Images

Note: These images show version 1.0.0

Design Goals

The main goal was simply to implement support for Font Awesome and other icon-fonts and have the possibility to set colors of icons.

Quick Start Guide

  1. Extract the downloaded zip file anywhere in your HTTP server accessible folder
  2. Navigate to http://localhost/where-you-unzipped/saki-tree-icon/docs
  3. Follow the instructions in the Getting Started Guide

Known Problems




Follow me:


I'm a well seasoned developer, consultant and educator of web applications based mainly on Sencha libraries, PHP, MySQL and Node.js. Besides (Apple) computers, I love photography and mountain biking.
Follow me:

Latest posts by Saki (see all)

Share on FacebookTweet about this on TwitterShare on LinkedInShare on Google+Pin on PinterestEmail this to someone


  1. says

    Yes, if iconCls comes from the server in the response then it is honored and displayed. See the client/server communication of the example above and you’ll see that icon is in the response.

We will be happy to hear back from you

Please Login to post a comment