{"id":4854,"date":"2021-04-11T03:18:24","date_gmt":"2021-04-11T07:18:24","guid":{"rendered":"https:\/\/www.polyplugins.com\/?post_type=knowledgebase&p=4854"},"modified":"2021-04-11T03:22:22","modified_gmt":"2021-04-11T07:22:22","slug":"icons-are-not-displaying","status":"publish","type":"knowledgebase","link":"https:\/\/www.polyplugins.com\/docs\/mobile-app-bar\/faqs\/icons-are-not-displaying\/","title":{"rendered":"Icons are not displaying"},"content":{"rendered":"\n

We’re sorry to hear you are having issues with Mobile App Bar and displaying icons, we’re here to help.<\/p>\n\n\n\n

One of the primary causes for icons to not display or show as squares is due to Font Awesome<\/a> already being installed. Mobile App Bar uses the Font Awesome icon library to display it’s icons. If it is already installed, we incorporated an option to disable it’s automatic integration. In Mobile App Bar’s setting under General you’ll find a Font Awesome setting, first make sure that is checked, otherwise the library is not being included which would result in icons not displaying. If it is checked, uncheck the option to disable automatic inclusion of the Font Awesome library. If you’re still unable to see the icons, you may be using another icon library and need to use it’s icon classes to display the proper icons. If this is the case, please refer to the Using other icon libraries<\/a> document.<\/p>\n","protected":false},"excerpt":{"rendered":"

We’re sorry to hear you are having issues with Mobile App Bar and displaying icons, we’re here to help. One of the primary causes for icons to not display or show as squares is due to Font Awesome already being installed. Mobile App Bar uses the Font Awesome icon library to display it’s icons. If […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","template":"","knowledgebase_cat":[341],"yoast_head":"\nIcons are not displaying - Poly Plugins<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.polyplugins.com\/docs\/mobile-app-bar\/faqs\/icons-are-not-displaying\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Icons are not displaying - Poly Plugins\" \/>\n<meta property=\"og:description\" content=\"We’re sorry to hear you are having issues with Mobile App Bar and displaying icons, we’re here to help. One of the primary causes for icons to not display or show as squares is due to Font Awesome already being installed. Mobile App Bar uses the Font Awesome icon library to display it’s icons. If […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.polyplugins.com\/docs\/mobile-app-bar\/faqs\/icons-are-not-displaying\/\" \/>\n<meta property=\"og:site_name\" content=\"Poly Plugins\" \/>\n<meta property=\"article:modified_time\" content=\"2021-04-11T07:22:22+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.polyplugins.com\/docs\/mobile-app-bar\/faqs\/icons-are-not-displaying\/\",\"url\":\"https:\/\/www.polyplugins.com\/docs\/mobile-app-bar\/faqs\/icons-are-not-displaying\/\",\"name\":\"Icons are not displaying - Poly Plugins\",\"isPartOf\":{\"@id\":\"https:\/\/www.polyplugins.com\/#website\"},\"datePublished\":\"2021-04-11T07:18:24+00:00\",\"dateModified\":\"2021-04-11T07:22:22+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.polyplugins.com\/docs\/mobile-app-bar\/faqs\/icons-are-not-displaying\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.polyplugins.com\/docs\/mobile-app-bar\/faqs\/icons-are-not-displaying\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.polyplugins.com\/docs\/mobile-app-bar\/faqs\/icons-are-not-displaying\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.polyplugins.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Icons are not displaying\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.polyplugins.com\/#website\",\"url\":\"https:\/\/www.polyplugins.com\/\",\"name\":\"Poly Plugins\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.polyplugins.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Icons are not displaying - Poly Plugins","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.polyplugins.com\/docs\/mobile-app-bar\/faqs\/icons-are-not-displaying\/","og_locale":"en_US","og_type":"article","og_title":"Icons are not displaying - Poly Plugins","og_description":"We’re sorry to hear you are having issues with Mobile App Bar and displaying icons, we’re here to help. One of the primary causes for icons to not display or show as squares is due to Font Awesome already being installed. Mobile App Bar uses the Font Awesome icon library to display it’s icons. If […]","og_url":"https:\/\/www.polyplugins.com\/docs\/mobile-app-bar\/faqs\/icons-are-not-displaying\/","og_site_name":"Poly Plugins","article_modified_time":"2021-04-11T07:22:22+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.polyplugins.com\/docs\/mobile-app-bar\/faqs\/icons-are-not-displaying\/","url":"https:\/\/www.polyplugins.com\/docs\/mobile-app-bar\/faqs\/icons-are-not-displaying\/","name":"Icons are not displaying - Poly Plugins","isPartOf":{"@id":"https:\/\/www.polyplugins.com\/#website"},"datePublished":"2021-04-11T07:18:24+00:00","dateModified":"2021-04-11T07:22:22+00:00","breadcrumb":{"@id":"https:\/\/www.polyplugins.com\/docs\/mobile-app-bar\/faqs\/icons-are-not-displaying\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.polyplugins.com\/docs\/mobile-app-bar\/faqs\/icons-are-not-displaying\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.polyplugins.com\/docs\/mobile-app-bar\/faqs\/icons-are-not-displaying\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.polyplugins.com\/"},{"@type":"ListItem","position":2,"name":"Icons are not displaying"}]},{"@type":"WebSite","@id":"https:\/\/www.polyplugins.com\/#website","url":"https:\/\/www.polyplugins.com\/","name":"Poly Plugins","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.polyplugins.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/www.polyplugins.com\/wp-json\/wp\/v2\/knowledgebase\/4854"}],"collection":[{"href":"https:\/\/www.polyplugins.com\/wp-json\/wp\/v2\/knowledgebase"}],"about":[{"href":"https:\/\/www.polyplugins.com\/wp-json\/wp\/v2\/types\/knowledgebase"}],"author":[{"embeddable":true,"href":"https:\/\/www.polyplugins.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.polyplugins.com\/wp-json\/wp\/v2\/comments?post=4854"}],"version-history":[{"count":0,"href":"https:\/\/www.polyplugins.com\/wp-json\/wp\/v2\/knowledgebase\/4854\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.polyplugins.com\/wp-json\/wp\/v2\/media?parent=4854"}],"wp:term":[{"taxonomy":"knowledgebase_cat","embeddable":true,"href":"https:\/\/www.polyplugins.com\/wp-json\/wp\/v2\/knowledgebase_cat?post=4854"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}