{"id":13,"date":"2024-07-21T11:26:38","date_gmt":"2024-07-21T11:26:38","guid":{"rendered":"https:\/\/api.jqueryui.com\/1.13\/?page_id=13"},"modified":"2024-07-21T11:26:38","modified_gmt":"2024-07-21T11:26:38","slug":"icons","status":"publish","type":"page","link":"https:\/\/api.jqueryui.com\/1.13\/theming\/icons\/","title":{"rendered":"Icons"},"content":{"rendered":"<p>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 <code>.ui-icon-{icon type}-{icon sub description}-{direction}<\/code>. For example, the following will display an icon of a thick arrow pointing north:<\/p>\n\n<div class=\"syntaxhighlighter xml\">\n\t<table>\n\t\t<tbody>\n\t\t\t<tr>\n\t\t\t\t\n\t\t\t\t<td class=\"gutter\">\n\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"line n1\">1<\/div>\n\t\t\t\t\t\n\t\t\t\t<\/td>\n\t\t\t\t\n\t\t\t\t<td class=\"code\">\n\t\t\t\t\t<pre><div class=\"container\"><div class=\"line\"><code><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">span<\/span> <span class=\"hljs-attr\">class<\/span>=<span class=\"hljs-string\">\"ui-icon ui-icon-arrowthick-1-n\"<\/span>&gt;<\/span><span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">span<\/span>&gt;<\/span><\/code><\/div><\/div><\/pre>\n\t\t\t\t<\/td>\n\t\t\t<\/tr>\n\t\t<\/tbody>\n\t<\/table>\n<\/div>\n\n\n<p>The icons are also integrated into a number of jQuery UI's widgets, such as <a href=\"\/1.13\/accordion\/#option-icons\">accordion<\/a>, <a href=\"\/1.13\/button\/#option-icons\">button<\/a>, <a href=\"\/1.13\/menu\/#option-icons\">menu<\/a>.\n\n<\/p><p>The following is a full list of the icons provided:<\/p>\n\n<iframe loading=\"lazy\" src=\"\/1.13\/resources\/icons-list.html\" width=\"100%\" height=\"1650\"><\/iframe>","protected":false},"excerpt":{"rendered":"<p>A list of the icons provided by jQuery UI.<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":9,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"categories":[11],"tags":[],"class_list":["post-13","page","type-page","status-publish","hentry","category-theming"],"_links":{"self":[{"href":"https:\/\/api.jqueryui.com\/1.13\/wp-json\/wp\/v2\/pages\/13","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/api.jqueryui.com\/1.13\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/api.jqueryui.com\/1.13\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/api.jqueryui.com\/1.13\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/api.jqueryui.com\/1.13\/wp-json\/wp\/v2\/comments?post=13"}],"version-history":[{"count":1,"href":"https:\/\/api.jqueryui.com\/1.13\/wp-json\/wp\/v2\/pages\/13\/revisions"}],"predecessor-version":[{"id":14,"href":"https:\/\/api.jqueryui.com\/1.13\/wp-json\/wp\/v2\/pages\/13\/revisions\/14"}],"up":[{"embeddable":true,"href":"https:\/\/api.jqueryui.com\/1.13\/wp-json\/wp\/v2\/pages\/9"}],"wp:attachment":[{"href":"https:\/\/api.jqueryui.com\/1.13\/wp-json\/wp\/v2\/media?parent=13"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/api.jqueryui.com\/1.13\/wp-json\/wp\/v2\/categories?post=13"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/api.jqueryui.com\/1.13\/wp-json\/wp\/v2\/tags?post=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}