{"id":12,"date":"2023-08-25T17:39:20","date_gmt":"2023-08-25T17:39:20","guid":{"rendered":"\/\/api.jqueryui.com\/1.11\/?page_id=12"},"modified":"2023-08-25T17:39:20","modified_gmt":"2023-08-25T17:39:20","slug":"icons","status":"publish","type":"page","link":"https:\/\/api.jqueryui.com\/1.11\/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\">&quot;ui-icon ui-icon-arrowthick-1-n&quot;<\/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&apos;s widgets, such as <a href=\"\/1.11\/accordion\/#option-icons\">accordion<\/a>, <a href=\"\/1.11\/button\/#option-icons\">button<\/a>, <a href=\"\/1.11\/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.11\/resources\/icons-list.html\" width=\"100%\" height=\"1000\"><\/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":8,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"categories":[11],"tags":[],"class_list":["post-12","page","type-page","status-publish","hentry","category-theming"],"_links":{"self":[{"href":"https:\/\/api.jqueryui.com\/1.11\/wp-json\/wp\/v2\/pages\/12","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/api.jqueryui.com\/1.11\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/api.jqueryui.com\/1.11\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/api.jqueryui.com\/1.11\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/api.jqueryui.com\/1.11\/wp-json\/wp\/v2\/comments?post=12"}],"version-history":[{"count":1,"href":"https:\/\/api.jqueryui.com\/1.11\/wp-json\/wp\/v2\/pages\/12\/revisions"}],"predecessor-version":[{"id":13,"href":"https:\/\/api.jqueryui.com\/1.11\/wp-json\/wp\/v2\/pages\/12\/revisions\/13"}],"up":[{"embeddable":true,"href":"https:\/\/api.jqueryui.com\/1.11\/wp-json\/wp\/v2\/pages\/8"}],"wp:attachment":[{"href":"https:\/\/api.jqueryui.com\/1.11\/wp-json\/wp\/v2\/media?parent=12"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/api.jqueryui.com\/1.11\/wp-json\/wp\/v2\/categories?post=12"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/api.jqueryui.com\/1.11\/wp-json\/wp\/v2\/tags?post=12"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}