Icons

jQuery UI provides a number of icons that can be used by applying class names to elements. The class names generally follow a syntax of .ui-icon-{icon type}-{icon sub description}-{direction}. For example, the following will display an icon of a thick arrow pointing north:

<span class="ui-icon ui-icon-arrowthick-1-n"></span>

The icons are also integrated into a number of jQuery UI's widgets, such as accordion, button, menu.

The following is a full list of the icons provided: