# jQuery UI API - 图标（Icons） jQuery UI 提供了大量可以通过对元素应用 Class 名称来使用的图标（Icons）。Class 名称大体上遵循语法 `.ui-icon-{icon type}-{icon sub description}-{direction}`。例如，下面将显示一个向北的厚箭头的图标： ``` <span class="ui-icon ui-icon-arrowthick-1-n"></span> ``` 图标也集成到一些 jQuery UI 的小部件，比如 [accordion](api-accordion.html#option-icons)、[button](api-button.html#option-icons)、[menu](api-menu.html#option-icons)。 下面是 jQuery UI 提供的图标的完整列表： <iframe width="719" height="600" style="border:1px solid #BFBFBF; padding:1px;" src="/try/demo_source/jqueryui-api-icons-list.htm"></iframe>