jQuery UI Library Icons


  • .ui-icon-{icon type}-{icon sub description}-{direction}


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

Basic usage

For a thick arrow pointing north in a span, add classes ui-icon and ui-icon-arrowthick-1-n:

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

For a triangle pointing south in a span, add classes ui-icon and ui-icon-triangle-1-s:

<span class="ui-icon ui-icon-triangle-1-s"></span>    

Full list of availliable items here https://api.jqueryui.com/theming/icons/