{"id":365,"date":"2020-07-09T11:10:37","date_gmt":"2020-07-09T11:10:37","guid":{"rendered":"http:\/\/redhost:8888\/documentation\/?page_id=365"},"modified":"2025-11-08T09:25:35","modified_gmt":"2025-11-08T09:25:35","slug":"icons","status":"publish","type":"page","link":"https:\/\/docs.redsun.design\/amaya\/icons\/","title":{"rendered":"Icons"},"content":{"rendered":"\n<p>AMAYA includes the <strong>Font Awesome<\/strong> as well as the <strong>Pe 7 Icon 7 Stroke<\/strong> icon font.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Font Awesome<\/h4>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Choose your icon from here:\u00a0<a href=\"https:\/\/fontawesome.com\/icons?d=gallery&amp;m=free\" target=\"_blank\" rel=\"noreferrer noopener\">Font Awesome 5<\/a><\/li>\n\n\n\n<li>Click the icon that you wish to use<\/li>\n\n\n\n<li>Copy the HTML code<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"245\" src=\"https:\/\/docs.redsun.design\/coffeebean\/wp-content\/uploads\/sites\/2\/2020\/09\/Screenshot-2020-09-17-at-09.53.35-1024x245.png\" alt=\"\" class=\"wp-image-3323\" style=\"width:512px;height:123px\" srcset=\"https:\/\/docs.redsun.design\/amaya\/wp-content\/uploads\/2020\/09\/Screenshot-2020-09-17-at-09.53.35-1024x245.png 1024w, https:\/\/docs.redsun.design\/amaya\/wp-content\/uploads\/2020\/09\/Screenshot-2020-09-17-at-09.53.35-300x72.png 300w, https:\/\/docs.redsun.design\/amaya\/wp-content\/uploads\/2020\/09\/Screenshot-2020-09-17-at-09.53.35-768x184.png 768w, https:\/\/docs.redsun.design\/amaya\/wp-content\/uploads\/2020\/09\/Screenshot-2020-09-17-at-09.53.35.png 1154w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ol start=\"4\" class=\"wp-block-list\">\n<li>You can now add the code to wherever you wish to display the icon, for example in the <a href=\"https:\/\/wordpress.org\/support\/article\/custom-html\/\" target=\"_blank\" rel=\"noreferrer noopener\">Custom HTML block<\/a><\/li>\n<\/ol>\n\n\n\n<h6 class=\"wp-block-heading\">How to increase the icon font size and change the color:<\/h6>\n\n\n\n<p>Example increase icon size x 5, and use light grey color:&nbsp;<code>&lt;i class=\"far fa-heart fa-5x\" style=\"color: #aaa;\"&gt;&lt;\/i&gt;<\/code><\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Pe Icon 7 Stroke<\/h4>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Choose your icon from here:\u00a0<a href=\"https:\/\/docs.redsun.design\/amaya\/icons-2\/\">Pe Icon 7 Stroke<\/a><\/li>\n\n\n\n<li>Use the code as follows (replace &#8220;anchor&#8221; with whatever icon you would like to use):\u00a0<code>&lt;i class=\"pe-7s-anchor\">&lt;\/i><\/code><\/li>\n\n\n\n<li>You can now add the code to wherever you wish to display the icon, for example in the <a href=\"https:\/\/wordpress.org\/support\/article\/custom-html\/\" target=\"_blank\" rel=\"noreferrer noopener\">Custom HTML block<\/a><\/li>\n<\/ol>\n\n\n\n<h6 class=\"wp-block-heading\">How to increase the icon font size and change the color:<\/h6>\n\n\n\n<p>Example increase icon size x 5, and use light grey color:&nbsp;<code>&lt;i class=\"pe-7s-anchor pe-5x\" style=\"color: #aaa;\"&gt;&lt;\/i&gt;<\/code><\/p>\n","protected":false},"excerpt":{"rendered":"AMAYA includes the Font Awesome as well as the Pe 7 Icon 7 Stroke icon font. Font Awesome Choose your icon from here:\u00a0Font Awesome 5 Click the icon that you ...","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":21,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-365","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/docs.redsun.design\/amaya\/wp-json\/wp\/v2\/pages\/365","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/docs.redsun.design\/amaya\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/docs.redsun.design\/amaya\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/docs.redsun.design\/amaya\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.redsun.design\/amaya\/wp-json\/wp\/v2\/comments?post=365"}],"version-history":[{"count":2,"href":"https:\/\/docs.redsun.design\/amaya\/wp-json\/wp\/v2\/pages\/365\/revisions"}],"predecessor-version":[{"id":4335,"href":"https:\/\/docs.redsun.design\/amaya\/wp-json\/wp\/v2\/pages\/365\/revisions\/4335"}],"wp:attachment":[{"href":"https:\/\/docs.redsun.design\/amaya\/wp-json\/wp\/v2\/media?parent=365"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}