{"id":378,"date":"2020-08-10T18:14:45","date_gmt":"2020-08-10T18:14:45","guid":{"rendered":"https:\/\/fluentthemes.com\/knowledgebase\/infocenter\/?p=378"},"modified":"2020-08-10T18:18:59","modified_gmt":"2020-08-10T18:18:59","slug":"how-to-choose-and-implement-icons-for-the-post-categories","status":"publish","type":"post","link":"https:\/\/fluentthemes.com\/knowledgebase\/infocenter\/how-to-choose-and-implement-icons-for-the-post-categories\/","title":{"rendered":"How to choose and implement icons for the Post Categories"},"content":{"rendered":"\n<p>In the &#8216;<strong>Edit Category<\/strong>&#8216; page you will find a field named &#8216;<strong>Icon of the Category<\/strong>&#8216;. Put your desired icon class there.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><a href=\"https:\/\/fluentthemes.com\/knowledgebase\/infocenter\/wp-content\/uploads\/2020\/08\/infocenter_categories_icons.png\"><img loading=\"lazy\" width=\"1024\" height=\"682\" src=\"https:\/\/fluentthemes.com\/knowledgebase\/infocenter\/wp-content\/uploads\/2020\/08\/infocenter_categories_icons-1024x682.png\" alt=\"\" class=\"wp-image-379\" srcset=\"https:\/\/fluentthemes.com\/knowledgebase\/infocenter\/wp-content\/uploads\/2020\/08\/infocenter_categories_icons-1024x682.png 1024w, https:\/\/fluentthemes.com\/knowledgebase\/infocenter\/wp-content\/uploads\/2020\/08\/infocenter_categories_icons-300x200.png 300w, https:\/\/fluentthemes.com\/knowledgebase\/infocenter\/wp-content\/uploads\/2020\/08\/infocenter_categories_icons-768x512.png 768w, https:\/\/fluentthemes.com\/knowledgebase\/infocenter\/wp-content\/uploads\/2020\/08\/infocenter_categories_icons-60x40.png 60w, https:\/\/fluentthemes.com\/knowledgebase\/infocenter\/wp-content\/uploads\/2020\/08\/infocenter_categories_icons-150x100.png 150w, https:\/\/fluentthemes.com\/knowledgebase\/infocenter\/wp-content\/uploads\/2020\/08\/infocenter_categories_icons.png 1073w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><figcaption>Icon of Category<\/figcaption><\/figure><\/div>\n\n\n\n<p>InfoCenter theme supports <a href=\"https:\/\/fontawesome.com\/v4.7.0\/icons\/\" target=\"_blank\" rel=\"noreferrer nofollow noopener\"><strong>FontAwesome v4.7<\/strong> icons<\/a> and 100+ <strong>Fontello<\/strong> icons. The Fontello Icons are as follows:<\/p>\n\n\n\n<p>social_icon-duckduckgo<br>social_icon-aim<br>social_icon-delicious<br>social_icon-paypal<br>social_icon-flattr<br>social_icon-android<br>social_icon-eventful<br>social_icon-smashmag<br>social_icon-gplus<br>social_icon-wikipedia<br>social_icon-lanyrd<br>social_icon-calendar<br>social_icon-stumbleupon<br>social_icon-fivehundredpx<br>social_icon-pinterest<br>social_icon-bitcoin<br>social_icon-w3c<br>social_icon-foursquare<br>social_icon-html5<br>social_icon-ie<br>social_icon-call<br>social_icon-grooveshark<br>social_icon-ninetyninedesigns<br>social_icon-forrst<br>social_icon-digg<br>social_icon-spotify<br>social_icon-reddit<br>social_icon-guest<br>social_icon-gowalla<br>social_icon-appstore<br>social_icon-blogger<br>social_icon-cc<br>social_icon-dribbble<br>social_icon-evernote<br>social_icon-flickr<br>social_icon-google<br>social_icon-viadeo<br>social_icon-instapaper<br>social_icon-weibo<br>social_icon-klout<br>social_icon-linkedin<br>social_icon-meetup<br>social_icon-vk<br>social_icon-plancast<br>social_icon-disqus<br>social_icon-rss<br>social_icon-skype<br>social_icon-twitter<br>social_icon-youtube<br>social_icon-vimeo<br>social_icon-windows<br>social_icon-xing<br>social_icon-yahoo<br>social_icon-chrome<br>social_icon-email<br>social_icon-macstore<br>social_icon-myspace<br>social_icon-podcast<br>social_icon-amazon<br>social_icon-steam<br>social_icon-cloudapp<br>social_icon-dropbox<br>social_icon-ebay<br>social_icon-facebook<br>social_icon-github<br>social_icon-googleplay<br>social_icon-itunes<br>social_icon-plurk<br>social_icon-songkick<br>social_icon-lastfm<br>social_icon-gmail<br>social_icon-pinboard<br>social_icon-openid<br>social_icon-quora<br>social_icon-soundcloud<br>social_icon-tumblr<br>social_icon-eventasaurus<br>social_icon-wordpress<br>social_icon-yelp<br>social_icon-intensedebate<br>social_icon-eventbrite<br>social_icon-scribd<br>social_icon-posterous<br>social_icon-stripe<br>social_icon-opentable<br>social_icon-cart<br>social_icon-print<br>social_icon-angellist<br>social_icon-instagram<br>social_icon-dwolla<br>social_icon-appnet<br>social_icon-statusnet<br>social_icon-acrobat<br>social_icon-drupal<br>social_icon-buffer<br>social_icon-pocket<br>social_icon-github-circled<br>social_icon-bitbucket<br>social_icon-lego<br>social_icon-login<br>social_icon-stackoverflow<br>social_icon-hackernews<br>social_icon-lkdto<br>social_icon-deviantart<br>social_icon-behance<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In the &#8216;Edit Category&#8216; page you will find a field named &#8216;Icon of the Category&#8216;. Put your desired icon class there. InfoCenter theme supports FontAwesome v4.7 icons and 100+ Fontello icons. The Fontello Icons are as follows: social_icon-duckduckgosocial_icon-aimsocial_icon-delicioussocial_icon-paypalsocial_icon-flattrsocial_icon-androidsocial_icon-eventfulsocial_icon-smashmagsocial_icon-gplussocial_icon-wikipediasocial_icon-lanyrdsocial_icon-calendarsocial_icon-stumbleuponsocial_icon-fivehundredpxsocial_icon-pinterestsocial_icon-bitcoinsocial_icon-w3csocial_icon-foursquaresocial_icon-html5social_icon-iesocial_icon-callsocial_icon-groovesharksocial_icon-ninetyninedesignssocial_icon-forrstsocial_icon-diggsocial_icon-spotifysocial_icon-redditsocial_icon-guestsocial_icon-gowallasocial_icon-appstoresocial_icon-bloggersocial_icon-ccsocial_icon-dribbblesocial_icon-evernotesocial_icon-flickrsocial_icon-googlesocial_icon-viadeosocial_icon-instapapersocial_icon-weibosocial_icon-kloutsocial_icon-linkedinsocial_icon-meetupsocial_icon-vksocial_icon-plancastsocial_icon-disqussocial_icon-rsssocial_icon-skypesocial_icon-twittersocial_icon-youtubesocial_icon-vimeosocial_icon-windowssocial_icon-xingsocial_icon-yahoosocial_icon-chromesocial_icon-emailsocial_icon-macstoresocial_icon-myspacesocial_icon-podcastsocial_icon-amazonsocial_icon-steamsocial_icon-cloudappsocial_icon-dropboxsocial_icon-ebaysocial_icon-facebooksocial_icon-githubsocial_icon-googleplaysocial_icon-itunessocial_icon-plurksocial_icon-songkicksocial_icon-lastfmsocial_icon-gmailsocial_icon-pinboardsocial_icon-openidsocial_icon-quorasocial_icon-soundcloudsocial_icon-tumblrsocial_icon-eventasaurussocial_icon-wordpresssocial_icon-yelpsocial_icon-intensedebatesocial_icon-eventbritesocial_icon-scribdsocial_icon-posteroussocial_icon-stripesocial_icon-opentablesocial_icon-cartsocial_icon-printsocial_icon-angellistsocial_icon-instagramsocial_icon-dwollasocial_icon-appnetsocial_icon-statusnetsocial_icon-acrobatsocial_icon-drupalsocial_icon-buffersocial_icon-pocketsocial_icon-github-circledsocial_icon-bitbucketsocial_icon-legosocial_icon-loginsocial_icon-stackoverflowsocial_icon-hackernewssocial_icon-lkdtosocial_icon-deviantartsocial_icon-behance<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[2],"tags":[],"_links":{"self":[{"href":"https:\/\/fluentthemes.com\/knowledgebase\/infocenter\/wp-json\/wp\/v2\/posts\/378"}],"collection":[{"href":"https:\/\/fluentthemes.com\/knowledgebase\/infocenter\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fluentthemes.com\/knowledgebase\/infocenter\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fluentthemes.com\/knowledgebase\/infocenter\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fluentthemes.com\/knowledgebase\/infocenter\/wp-json\/wp\/v2\/comments?post=378"}],"version-history":[{"count":0,"href":"https:\/\/fluentthemes.com\/knowledgebase\/infocenter\/wp-json\/wp\/v2\/posts\/378\/revisions"}],"wp:attachment":[{"href":"https:\/\/fluentthemes.com\/knowledgebase\/infocenter\/wp-json\/wp\/v2\/media?parent=378"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fluentthemes.com\/knowledgebase\/infocenter\/wp-json\/wp\/v2\/categories?post=378"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fluentthemes.com\/knowledgebase\/infocenter\/wp-json\/wp\/v2\/tags?post=378"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}