{"id":4856,"date":"2021-04-11T03:19:01","date_gmt":"2021-04-11T07:19:01","guid":{"rendered":"https:\/\/www.polyplugins.com\/?post_type=knowledgebase&#038;p=4856"},"modified":"2021-04-11T03:19:04","modified_gmt":"2021-04-11T07:19:04","slug":"using-other-icon-libraries","status":"publish","type":"knowledgebase","link":"https:\/\/www.polyplugins.com\/docs\/mobile-app-bar\/faqs\/using-other-icon-libraries\/","title":{"rendered":"Using other icon libraries"},"content":{"rendered":"\n<p>There are plans to include additional icon libraries, but currently Mobile App Bar only supports the <a href=\"https:\/\/fontawesome.com\/v4.7.0\/icons\/\">Font Awesome<\/a> icon library.  However, if you already have another icon library installed, Mobile App Bar may support it&#8217;s classes. In order to properly configure it for your custom icon library, you&#8217;ll need to follow these steps:<\/p>\n\n\n\n<ul><li>Navigate to Mobile App Bar&#8217;s General tab<\/li><li>Uncheck Font Awesome and Icon Picker<\/li><li>Save<\/li><li>Navigate to Global or Ecommerce tab<\/li><\/ul>\n\n\n\n<p>You&#8217;ll see the icon picker is no longer available and you&#8217;ll see the specific class being used for the icons you previous had configured. You will need to change these to be the class names for the icon you wish to use from your installed icon library. Support for different libraries is going to vary and we do not guarantee any working besides the ones that were built into Mobile App Bar.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>There are plans to include additional icon libraries, but currently Mobile App Bar only supports the Font Awesome icon library. However, if you already have another icon library installed, Mobile App Bar may support it&#8217;s classes. In order to properly configure it for your custom icon library, you&#8217;ll need to follow these steps: Navigate to [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","template":"","knowledgebase_cat":[341],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Using other icon libraries - 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\/using-other-icon-libraries\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Using other icon libraries - Poly Plugins\" \/>\n<meta property=\"og:description\" content=\"There are plans to include additional icon libraries, but currently Mobile App Bar only supports the Font Awesome icon library. However, if you already have another icon library installed, Mobile App Bar may support it&#8217;s classes. In order to properly configure it for your custom icon library, you&#8217;ll need to follow these steps: Navigate to [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.polyplugins.com\/docs\/mobile-app-bar\/faqs\/using-other-icon-libraries\/\" \/>\n<meta property=\"og:site_name\" content=\"Poly Plugins\" \/>\n<meta property=\"article:modified_time\" content=\"2021-04-11T07:19:04+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\/using-other-icon-libraries\/\",\"url\":\"https:\/\/www.polyplugins.com\/docs\/mobile-app-bar\/faqs\/using-other-icon-libraries\/\",\"name\":\"Using other icon libraries - Poly Plugins\",\"isPartOf\":{\"@id\":\"https:\/\/www.polyplugins.com\/#website\"},\"datePublished\":\"2021-04-11T07:19:01+00:00\",\"dateModified\":\"2021-04-11T07:19:04+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.polyplugins.com\/docs\/mobile-app-bar\/faqs\/using-other-icon-libraries\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.polyplugins.com\/docs\/mobile-app-bar\/faqs\/using-other-icon-libraries\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.polyplugins.com\/docs\/mobile-app-bar\/faqs\/using-other-icon-libraries\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.polyplugins.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Using other icon libraries\"}]},{\"@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":"Using other icon libraries - 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\/using-other-icon-libraries\/","og_locale":"en_US","og_type":"article","og_title":"Using other icon libraries - Poly Plugins","og_description":"There are plans to include additional icon libraries, but currently Mobile App Bar only supports the Font Awesome icon library. However, if you already have another icon library installed, Mobile App Bar may support it&#8217;s classes. In order to properly configure it for your custom icon library, you&#8217;ll need to follow these steps: Navigate to [&hellip;]","og_url":"https:\/\/www.polyplugins.com\/docs\/mobile-app-bar\/faqs\/using-other-icon-libraries\/","og_site_name":"Poly Plugins","article_modified_time":"2021-04-11T07:19:04+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\/using-other-icon-libraries\/","url":"https:\/\/www.polyplugins.com\/docs\/mobile-app-bar\/faqs\/using-other-icon-libraries\/","name":"Using other icon libraries - Poly Plugins","isPartOf":{"@id":"https:\/\/www.polyplugins.com\/#website"},"datePublished":"2021-04-11T07:19:01+00:00","dateModified":"2021-04-11T07:19:04+00:00","breadcrumb":{"@id":"https:\/\/www.polyplugins.com\/docs\/mobile-app-bar\/faqs\/using-other-icon-libraries\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.polyplugins.com\/docs\/mobile-app-bar\/faqs\/using-other-icon-libraries\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.polyplugins.com\/docs\/mobile-app-bar\/faqs\/using-other-icon-libraries\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.polyplugins.com\/"},{"@type":"ListItem","position":2,"name":"Using other icon libraries"}]},{"@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\/4856"}],"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=4856"}],"version-history":[{"count":0,"href":"https:\/\/www.polyplugins.com\/wp-json\/wp\/v2\/knowledgebase\/4856\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.polyplugins.com\/wp-json\/wp\/v2\/media?parent=4856"}],"wp:term":[{"taxonomy":"knowledgebase_cat","embeddable":true,"href":"https:\/\/www.polyplugins.com\/wp-json\/wp\/v2\/knowledgebase_cat?post=4856"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}