{"id":4790,"date":"2014-04-12T06:10:46","date_gmt":"2014-04-12T06:10:46","guid":{"rendered":"https:\/\/thethemebuilders.review\/demonew\/?page_id=4790"},"modified":"2019-10-07T08:12:50","modified_gmt":"2019-10-07T08:12:50","slug":"font-awesome-icons-overview","status":"publish","type":"page","link":"https:\/\/thethemebuilders.review\/demonew\/font-awesome-icons-overview","title":{"rendered":"Font Awesome Icon Fonts Overview"},"content":{"rendered":"<h1>The <strong>Icon Font Shortcode<\/strong><\/h1>\n<p class=\"responsive_text\" data-compression=\"50\" data-max=\"22\" data-min=\"14\" style=\"line-height:1em;font-size:16px\">\nThe <em>Icon Font<\/em> shortcode contains a huge number of options, allowing you to tune up the appearance of each icon. These icons can be placed in any paragraph or heading and even within virtually any other shortcode, getting amazing results.<br \/>\n<\/p>\n<div class=\"divider_padding\"><\/div>\n<div id=\"content_box_aed60d0b4d9cdf65844e6de90e22cd20\" class=\"content_box rounded aligncenter\" style=\"width:100%;\">\n\t<div class=\"content_box_title\" style=\"background-color:rgba(255,255,255,1);color:#000;\">Light style icons<\/div>\n\t<div class=\"content_box_content\" style=\"background-color:rgba(255,255,255,1);\">\n\t\t<p class=\"responsive_text\" data-compression=\"23\" data-max=\"38\" data-min=\"10\" style=\"line-height:1em;font-size:30px\"><i class=\"iconfont theme-icon icon-heart-o theme-icon-3x\" style=\"color:#3B3F61\"><\/i>\u00a0\u00a0\u00a0 <i class=\"iconfont theme-icon icon-bell-o theme-icon-3x\" style=\"color:#3B3F61\"><\/i>\u00a0\u00a0\u00a0\u00a0 <i class=\"iconfont theme-icon icon-bookmark-o theme-icon-3x\" style=\"color:#3B3F61\"><\/i> \u00a0\u00a0\u00a0<i class=\"iconfont theme-icon icon-comment-o theme-icon-3x\" style=\"color:#3B3F61\"><\/i>\u00a0\u00a0\u00a0<i class=\"iconfont theme-icon icon-flag-o theme-icon-3x\" style=\"color:#3B3F61\"><\/i>\u00a0\u00a0\u00a0<i class=\"iconfont theme-icon icon-star-o theme-icon-3x\" style=\"color:#3B3F61\"><\/i>\n<\/p>\n\n\t\t<div class=\"content_box_space\"><\/div>\n\t<\/div>\n<\/div>\n\n<div id=\"content_box_5ee6f55f07b1241b9524bef32ce7606f\" class=\"content_box rounded aligncenter\" style=\"width:100%;\">\n\t<div class=\"content_box_title\" style=\"background-color:rgba(255,255,255,1);color:#000;\">Solid style icons<\/div>\n\t<div class=\"content_box_content\" style=\"background-color:rgba(255,255,255,1);\">\n\t\t<p class=\"responsive_text\" data-compression=\"23\" data-max=\"38\" data-min=\"10\" style=\"line-height:1em;font-size:38px\"><i class=\"iconfont theme-icon icon-heart theme-icon-3x\" style=\"color:#3B3F61\"><\/i>\u00a0\u00a0\u00a0 <i class=\"iconfont theme-icon icon-bell theme-icon-3x\" style=\"color:#3B3F61\"><\/i>\u00a0\u00a0\u00a0\u00a0 <i class=\"iconfont theme-icon icon-bookmark theme-icon-3x\" style=\"color:#3B3F61\"><\/i> \u00a0\u00a0\u00a0<i class=\"iconfont theme-icon icon-comment theme-icon-3x\" style=\"color:#3B3F61\"><\/i>\u00a0\u00a0\u00a0<i class=\"iconfont theme-icon icon-flag theme-icon-3x\" style=\"color:#3B3F61\"><\/i>\u00a0\u00a0\u00a0<i class=\"iconfont theme-icon icon-star theme-icon-3x\" style=\"color:#3B3F61\"><\/i>\n<\/p>\n\n\t\t<div class=\"content_box_space\"><\/div>\n\t<\/div>\n<\/div>\n\n<div id=\"content_box_09864fed205544731fa6c2dd185db912\" class=\"content_box rounded aligncenter\" style=\"width:100%;\">\n\t<div class=\"content_box_title\" style=\"background-color:rgba(255,255,255,1);color:#000;\">Unlimited colors<\/div>\n\t<div class=\"content_box_content\" style=\"background-color:rgba(255,255,255,1);\">\n\t\t<p class=\"responsive_text\" data-compression=\"28\" data-max=\"63\" data-min=\"8\" style=\"line-height:1em;font-size:38px\"><i class=\"iconfont theme-icon icon-trophy theme-icon-4x\" style=\"color:#DA5555\"><\/i> <i class=\"iconfont theme-icon icon-trophy theme-icon-4x\" style=\"color:#F0B344\"><\/i> <i class=\"iconfont theme-icon icon-trophy theme-icon-4x\" style=\"color:#EBEB4C\"><\/i> <i class=\"iconfont theme-icon icon-trophy theme-icon-4x\" style=\"color:#6AC76A\"><\/i> <i class=\"iconfont theme-icon icon-trophy theme-icon-4x\" style=\"color:#73C9E8\"><\/i> <i class=\"iconfont theme-icon icon-trophy theme-icon-4x\" style=\"color:#8F8FEE\"><\/i>  <i class=\"iconfont theme-icon icon-trophy theme-icon-4x\" style=\"color:#C698E7\"><\/i> <\/p>\n\n\t\t<div class=\"content_box_space\"><\/div>\n\t<\/div>\n<\/div>\n\n<div id=\"content_box_2ac16e7a62d2fb1f8acc8b92ebd4c047\" class=\"content_box rounded aligncenter\" style=\"width:100%;\">\n\t<div class=\"content_box_title\" style=\"background-color:rgba(255,255,255,1);color:#000;\">Scale them to the desired size retaining their crispness<\/div>\n\t<div class=\"content_box_content\" style=\"background-color:rgba(255,255,255,1);color:blue;\">\n\t\t\n<p class=\"responsive_text\" data-compression=\"24\" data-max=\"63\" data-min=\"8\" style=\"line-height:1em;font-size:38px\">\n<i class=\"iconfont theme-icon icon-html5\" style=\"color:#E26534\"><\/i>\u00a0\u00a0<i class=\"iconfont theme-icon icon-html5  theme-icon-large\" style=\"color:#E26534\"><\/i>\u00a0 <i class=\"iconfont theme-icon icon-html5  theme-icon-2x\" style=\"color:#E26534\"><\/i> \u00a0\u00a0<i class=\"iconfont theme-icon icon-html5  theme-icon-3x\" style=\"color:#E26534\"><\/i> \u00a0\u00a0<i class=\"iconfont theme-icon icon-html5  theme-icon-4x\" style=\"color:#E26534\"><\/i>\u00a0 \u00a0\u00a0<i class=\"iconfont theme-icon icon-html5  theme-icon-5x\" style=\"color:#E26534\"><\/i>\u00a0 \u00a0\u00a0<i class=\"iconfont theme-icon icon-html5  theme-icon-6x\" style=\"color:#E26534\"><\/i>\n<\/p>\n\n\t\t<div class=\"content_box_space\"><\/div>\n\t<\/div>\n<\/div>\n\n<div class=\"divider_padding\"><\/div>\n<h2>Naked or with Border\/ Background\/ Border + Background<\/h2>\n<div id=\"content_box_e67001933dbbcd085cb3794b87154b23\" class=\"content_box rounded aligncenter naked_icons\" style=\"width:100%;\">\n\t<div class=\"content_box_title\" style=\"background-color:rgba(255,255,255,1);color:#000;\">Naked<\/div>\n\t<div class=\"content_box_content\" style=\"background-color:rgba(255,255,255,1);\">\n\t\t<p class=\"responsive_text\" data-compression=\"45\" data-max=\"63\" data-min=\"6\" style=\"line-height:1em;font-size:38px\"><i class=\"iconfont theme-icon icon-bullhorn theme-icon-4x\" style=\"color:#E05454;background-color:transparent;border-color:transparent\"><\/i><i class=\"iconfont theme-icon icon-rocket theme-icon-4x\" style=\"color:#3295D6;background-color:transparent;border-color:transparent\"><\/i><i class=\"iconfont theme-icon icon-dashboard theme-icon-4x\" style=\"color:#E05454;background-color:transparent;border-color:transparent\"><\/i><i class=\"iconfont theme-icon icon-magic theme-icon-4x\" style=\"color:#3295D6;background-color:transparent;border-color:transparent\"><\/i><i class=\"iconfont theme-icon icon-gift theme-icon-4x\" style=\"color:#E05454;background-color:transparent;border-color:transparent\"><\/i><\/p>\n\n\t\t<div class=\"content_box_space\"><\/div>\n\t<\/div>\n<\/div>\n\n<div class=\"divider_padding\"><\/div>\n<h3>Border<\/h3>\n<div class=\"tabs_container\"><ul class=\"tabs\"><li><a href=\"#\"><i class=\"theme-icon icon-circle-o\" style=\"color:#e22222\"><\/i>Circular<\/a><\/li><li><a href=\"#\"><i class=\"theme-icon icon-square-o\" style=\"color:#e22222\"><\/i>Rounded Square<\/a><\/li><li><a href=\"#\"><span><\/span>Square<\/a><\/li><\/ul><div class=\"panes\"><div class=\"pane\"><p class=\"responsive_text\" data-compression=\"45\" data-max=\"63\" data-min=\"6\" style=\"line-height:1em;font-size:38px\"><i class=\"iconfont theme-icon icon-bullhorn theme-icon-4x icon-border icon-border-circle\" style=\"color:#E05454;background-color:transparent;border-color:#3295D6\"><\/i><i class=\"iconfont theme-icon icon-rocket theme-icon-4x icon-border icon-border-circle\" style=\"color:#3295D6;background-color:transparent;border-color:#E05454\"><\/i><i class=\"iconfont theme-icon icon-dashboard theme-icon-4x icon-border icon-border-circle\" style=\"color:#E05454;background-color:transparent;border-color:#3295D6\"><\/i><i class=\"iconfont theme-icon icon-magic theme-icon-4x icon-border icon-border-circle\" style=\"color:#3295D6;background-color:transparent;border-color:#E05454\"><\/i><i class=\"iconfont theme-icon icon-gift theme-icon-4x icon-border icon-border-circle\" style=\"color:#E05454;background-color:transparent;border-color:#3295D6\"><\/i><\/p><\/div><div class=\"pane\"><p class=\"responsive_text\" data-compression=\"45\" data-max=\"63\" data-min=\"6\" style=\"line-height:1em;font-size:38px\"><i class=\"iconfont theme-icon icon-bullhorn theme-icon-4x icon-border icon-border-rounded\" style=\"color:#E05454;background-color:transparent;border-color:#3295D6\"><\/i><i class=\"iconfont theme-icon icon-rocket theme-icon-4x icon-border icon-border-rounded\" style=\"color:#3295D6;background-color:transparent;border-color:#E05454\"><\/i><i class=\"iconfont theme-icon icon-dashboard theme-icon-4x icon-border icon-border-rounded\" style=\"color:#E05454;background-color:transparent;border-color:#3295D6\"><\/i><i class=\"iconfont theme-icon icon-magic theme-icon-4x icon-border icon-border-rounded\" style=\"color:#3295D6;background-color:transparent;border-color:#E05454\"><\/i><i class=\"iconfont theme-icon icon-gift theme-icon-4x icon-border icon-border-rounded\" style=\"color:#E05454;background-color:transparent;border-color:#3295D6\"><\/i>\n<\/p><\/div><div class=\"pane\"><p class=\"responsive_text\" data-compression=\"45\" data-max=\"63\" data-min=\"6\" style=\"line-height:1em;font-size:38px\"><i class=\"iconfont theme-icon icon-bullhorn theme-icon-4x icon-border icon-border-square\" style=\"color:#E05454;background-color:transparent;border-color:#3295D6\"><\/i><i class=\"iconfont theme-icon icon-rocket theme-icon-4x icon-border icon-border-square\" style=\"color:#3295D6;background-color:transparent;border-color:#E05454\"><\/i><i class=\"iconfont theme-icon icon-dashboard theme-icon-4x icon-border icon-border-square\" style=\"color:#E05454;background-color:transparent;border-color:#3295D6\"><\/i><i class=\"iconfont theme-icon icon-magic theme-icon-4x icon-border icon-border-square\" style=\"color:#3295D6;background-color:transparent;border-color:#E05454\"><\/i><i class=\"iconfont theme-icon icon-gift theme-icon-4x icon-border icon-border-square\" style=\"color:#E05454;background-color:transparent;border-color:#3295D6\"><\/i><\/p><\/div><\/div><\/div>\n<div class=\"divider_padding\"><\/div>\n<h3>Background<\/h3>\n<div class=\"tabs_container\"><ul class=\"tabs\"><li><a href=\"#\"><i class=\"theme-icon icon-circle-o\" style=\"color:#e22222\"><\/i>Circular<\/a><\/li><li><a href=\"#\"><i class=\"theme-icon icon-square-o\" style=\"color:#e22222\"><\/i>Rounded Square<\/a><\/li><li><a href=\"#\"><span><\/span>Square<\/a><\/li><\/ul><div class=\"panes\"><div class=\"pane\"><p class=\"responsive_text\" data-compression=\"45\" data-max=\"63\" data-min=\"6\" style=\"line-height:1em;font-size:38px\"><i class=\"iconfont theme-icon icon-bullhorn theme-icon-4x icon-border icon-border-circle\" style=\"color:#fff;background-color:#E05454;border-color:#E05454\"><\/i><i class=\"iconfont theme-icon icon-rocket theme-icon-4x icon-border icon-border-circle\" style=\"color:#fff;background-color:#3295D6;border-color:#3295D6\"><\/i><i class=\"iconfont theme-icon icon-dashboard theme-icon-4x icon-border icon-border-circle\" style=\"color:#fff;background-color:#E05454;border-color:#E05454\"><\/i><i class=\"iconfont theme-icon icon-magic theme-icon-4x icon-border icon-border-circle\" style=\"color:#fff;background-color:#3295D6;border-color:#3295D6\"><\/i><i class=\"iconfont theme-icon icon-gift theme-icon-4x icon-border icon-border-circle\" style=\"color:#fff;background-color:#E05454;border-color:#E05454\"><\/i><\/p><\/div><div class=\"pane\"><p class=\"responsive_text\" data-compression=\"45\" data-max=\"63\" data-min=\"6\" style=\"line-height:1em;font-size:38px\"><i class=\"iconfont theme-icon icon-bullhorn theme-icon-4x icon-border icon-border-rounded\" style=\"color:#fff;background-color:#E05454;border-color:#E05454\"><\/i><i class=\"iconfont theme-icon icon-rocket theme-icon-4x icon-border icon-border-rounded\" style=\"color:#fff;background-color:#3295D6;border-color:#3295D6\"><\/i><i class=\"iconfont theme-icon icon-dashboard theme-icon-4x icon-border icon-border-rounded\" style=\"color:#fff;background-color:#E05454;border-color:#E05454\"><\/i><i class=\"iconfont theme-icon icon-magic theme-icon-4x icon-border icon-border-rounded\" style=\"color:#fff;background-color:#3295D6;border-color:#3295D6\"><\/i><i class=\"iconfont theme-icon icon-gift theme-icon-4x icon-border icon-border-rounded\" style=\"color:#fff;background-color:#E05454;border-color:#E05454\"><\/i><\/p><\/div><div class=\"pane\"><p class=\"responsive_text\" data-compression=\"45\" data-max=\"63\" data-min=\"6\" style=\"line-height:1em;font-size:38px\"><i class=\"iconfont theme-icon icon-bullhorn theme-icon-4x icon-border icon-border-square\" style=\"color:#fff;background-color:#E05454;border-color:#E05454\"><\/i><i class=\"iconfont theme-icon icon-rocket theme-icon-4x icon-border icon-border-square\" style=\"color:#fff;background-color:#3295D6;border-color:#3295D6\"><\/i><i class=\"iconfont theme-icon icon-dashboard theme-icon-4x icon-border icon-border-square\" style=\"color:#fff;background-color:#E05454;border-color:#E05454\"><\/i><i class=\"iconfont theme-icon icon-magic theme-icon-4x icon-border icon-border-square\" style=\"color:#fff;background-color:#3295D6;border-color:#3295D6\"><\/i><i class=\"iconfont theme-icon icon-gift theme-icon-4x icon-border icon-border-square\" style=\"color:#fff;background-color:#E05454;border-color:#E05454\"><\/i><\/p><\/div><\/div><\/div>\n<div class=\"divider_padding\"><\/div>\n<h3>Border + Background<\/h3>\n<div class=\"tabs_container\"><ul class=\"tabs\"><li><a href=\"#\"><i class=\"theme-icon icon-circle-o\" style=\"color:#e22222\"><\/i>Circular<\/a><\/li><li><a href=\"#\"><i class=\"theme-icon icon-square-o\" style=\"color:#e22222\"><\/i>Rounded Square<\/a><\/li><li><a href=\"#\"><span><\/span>Square<\/a><\/li><\/ul><div class=\"panes\"><div class=\"pane\"><p class=\"responsive_text\" data-compression=\"45\" data-max=\"63\" data-min=\"6\" style=\"line-height:1em;font-size:38px\"><i class=\"iconfont theme-icon icon-bullhorn theme-icon-4x icon-border icon-border-circle\" style=\"color:rgba(0, 0, 0, 0.6);background-color:#DD5F5F;border-color:rgba(0, 0, 0, 0.6)\"><\/i><i class=\"iconfont theme-icon icon-rocket theme-icon-4x icon-border icon-border-circle\" style=\"color:rgba(0, 0, 0, 0.6);background-color:#5CB0E7;border-color:rgba(0, 0, 0, 0.6)\"><\/i><i class=\"iconfont theme-icon icon-dashboard theme-icon-4x icon-border icon-border-circle\" style=\"color:rgba(0, 0, 0, 0.6);background-color:#DD5F5F;border-color:rgba(0, 0, 0, 0.6)\"><\/i><i class=\"iconfont theme-icon icon-magic theme-icon-4x icon-border icon-border-circle\" style=\"color:rgba(0, 0, 0, 0.6);background-color:#5CB0E7;border-color:rgba(0, 0, 0, 0.6)\"><\/i><i class=\"iconfont theme-icon icon-gift theme-icon-4x icon-border icon-border-circle\" style=\"color:rgba(0, 0, 0, 0.6);background-color:#DD5F5F;border-color:rgba(0, 0, 0, 0.6)\"><\/i><\/p><\/div><div class=\"pane\"><p class=\"responsive_text\" data-compression=\"45\" data-max=\"63\" data-min=\"6\" style=\"line-height:1em;font-size:38px\"><i class=\"iconfont theme-icon icon-bullhorn theme-icon-4x icon-border icon-border-rounded\" style=\"color:rgba(0, 0, 0, 0.6);background-color:#DD5F5F;border-color:rgba(0, 0, 0, 0.6)\"><\/i><i class=\"iconfont theme-icon icon-rocket theme-icon-4x icon-border icon-border-rounded\" style=\"color:rgba(0, 0, 0, 0.6);background-color:#5CB0E7;border-color:rgba(0, 0, 0, 0.6)\"><\/i><i class=\"iconfont theme-icon icon-dashboard theme-icon-4x icon-border icon-border-rounded\" style=\"color:rgba(0, 0, 0, 0.6);background-color:#DD5F5F;border-color:rgba(0, 0, 0, 0.6)\"><\/i><i class=\"iconfont theme-icon icon-magic theme-icon-4x icon-border icon-border-rounded\" style=\"color:rgba(0, 0, 0, 0.6);background-color:#5CB0E7;border-color:rgba(0, 0, 0, 0.6)\"><\/i><i class=\"iconfont theme-icon icon-gift theme-icon-4x icon-border icon-border-rounded\" style=\"color:rgba(0, 0, 0, 0.6);background-color:#DD5F5F;border-color:rgba(0, 0, 0, 0.6)\"><\/i><\/p><\/div><div class=\"pane\"><p class=\"responsive_text\" data-compression=\"45\" data-max=\"63\" data-min=\"6\" style=\"line-height:1em;font-size:38px\"><i class=\"iconfont theme-icon icon-bullhorn theme-icon-4x icon-border icon-border-square\" style=\"color:rgba(0, 0, 0, 0.6);background-color:#DD5F5F;border-color:rgba(0, 0, 0, 0.6)\"><\/i><i class=\"iconfont theme-icon icon-rocket theme-icon-4x icon-border icon-border-square\" style=\"color:rgba(0, 0, 0, 0.6);background-color:#5CB0E7;border-color:rgba(0, 0, 0, 0.6)\"><\/i><i class=\"iconfont theme-icon icon-dashboard theme-icon-4x icon-border icon-border-square\" style=\"color:rgba(0, 0, 0, 0.6);background-color:#DD5F5F;border-color:rgba(0, 0, 0, 0.6)\"><\/i><i class=\"iconfont theme-icon icon-magic theme-icon-4x icon-border icon-border-square\" style=\"color:rgba(0, 0, 0, 0.6);background-color:#5CB0E7;border-color:rgba(0, 0, 0, 0.6)\"><\/i><i class=\"iconfont theme-icon icon-gift theme-icon-4x icon-border icon-border-square\" style=\"color:rgba(0, 0, 0, 0.6);background-color:#DD5F5F;border-color:rgba(0, 0, 0, 0.6)\"><\/i><\/p><\/div><\/div><\/div>\n<div class=\"divider_padding\"><\/div>\n<h2>Hover effects<\/h2>\n<div id=\"content_box_8d47be3635075d9418dd3dfcf563853b\" class=\"content_box rounded aligncenter\" style=\"width:100%;\">\n\t<div class=\"content_box_title\" style=\"background-color:rgba(255,255,255,1);color:#000;\">Combine different colors on hover for the icon, background and border<\/div>\n\t<div class=\"content_box_content\" style=\"background-color:rgba(255,255,255,1);\">\n\t\t<p class=\"responsive_text\" data-compression=\"47\" data-max=\"63\" data-min=\"5\" style=\"line-height:1em;font-size:38px\"><i id=\"iconfont_105\" class=\"iconfont theme-icon icon-bullhorn theme-icon-4x icon-border icon-border-circle\" style=\"color:#E05454;background-color:transparent;border-color:transparent\"><\/i>\n<style>\n#iconfont_105:hover {\n\tcolor:#fff !important; background-color:#E05454 !important; border-color:#E05454 !important;\t\n}\n<\/style><i id=\"iconfont_39\" class=\"iconfont theme-icon icon-rocket theme-icon-4x icon-border icon-border-circle\" style=\"color:#3295D6;background-color:transparent;border-color:transparent\"><\/i>\n<style>\n#iconfont_39:hover {\n\tborder-color:#3295D6 !important;\t\n}\n<\/style><i id=\"iconfont_813\" class=\"iconfont theme-icon icon-dashboard theme-icon-4x icon-border icon-border-circle\" style=\"color:#fff;background-color:#E05454;border-color:#E05454\"><\/i>\n<style>\n#iconfont_813:hover {\n\tcolor:#E05454 !important; background-color:transparent !important; border-color:transparent !important;\t\n}\n<\/style><i id=\"iconfont_216\" class=\"iconfont theme-icon icon-magic theme-icon-4x icon-border icon-border-circle\" style=\"color:#fff;background-color:#3295D6;border-color:#3295D6\"><\/i>\n<style>\n#iconfont_216:hover {\n\tcolor:#3295D6 !important; background-color:transparent !important; border-color:#3295D6 !important;\t\n}\n<\/style><i id=\"iconfont_140\" class=\"iconfont theme-icon icon-gift theme-icon-4x icon-border icon-border-circle\" style=\"color:#DD5F5F;background-color:transparent;border-color:#DD5F5F\"><\/i>\n<style>\n#iconfont_140:hover {\n\tcolor:#3295D6 !important; background-color:transparent !important; border-color:#3295D6 !important;\t\n}\n<\/style><\/p>\n\n\t\t<div class=\"content_box_space\"><\/div>\n\t<\/div>\n<\/div>\n\n<div class=\"divider_padding\"><\/div>\n<h2>Set your desired padding for your border and\/or background<\/h2>\n<div class=\"tabs_container\"><ul class=\"tabs\"><li><a href=\"#\"><i class=\"theme-icon icon-circle-o\" style=\"color:#e22222\"><\/i>Circular<\/a><\/li><li><a href=\"#\"><i class=\"theme-icon icon-square-o\" style=\"color:#e22222\"><\/i>Rounded Square<\/a><\/li><li><a href=\"#\"><span><\/span>Square<\/a><\/li><\/ul><div class=\"panes\"><div class=\"pane\"><p class=\"responsive_text\" data-compression=\"45\" data-max=\"63\" data-min=\"6\" style=\"line-height:1em;font-size:38px\">\n<i class=\"iconfont theme-icon icon-github-alt theme-icon-4x icon-border icon-border-circle\" style=\"color:#E05454;background-color:transparent;border-color:#3295D6;padding:0em\"><\/i><i class=\"iconfont theme-icon icon-github-alt theme-icon-4x icon-border icon-border-circle\" style=\"color:#E05454;background-color:transparent;border-color:#3295D6;padding:0em\"><\/i><i class=\"iconfont theme-icon icon-github-alt theme-icon-4x icon-border icon-border-circle\" style=\"color:#E05454;background-color:transparent;border-color:#3295D6;padding:0em\"><\/i><i class=\"iconfont theme-icon icon-github-alt theme-icon-4x icon-border icon-border-circle\" style=\"color:#E05454;background-color:transparent;border-color:#3295D6;padding:0em\"><\/i><i class=\"iconfont theme-icon icon-github-alt theme-icon-4x icon-border icon-border-circle\" style=\"color:#E05454;background-color:transparent;border-color:#3295D6;padding:0em\"><\/i><\/p><\/div><div class=\"pane\"><p class=\"responsive_text\" data-compression=\"45\" data-max=\"63\" data-min=\"6\" style=\"line-height:1em;font-size:38px\"><i class=\"iconfont theme-icon icon-github-alt theme-icon-4x icon-border icon-border-rounded\" style=\"color:#fff;background-color:#E05454;border-color:#E05454;padding:0em\"><\/i><i class=\"iconfont theme-icon icon-github-alt theme-icon-4x icon-border icon-border-rounded\" style=\"color:#fff;background-color:#3295D6;border-color:#3295D6;padding:0em\"><\/i><i class=\"iconfont theme-icon icon-github-alt theme-icon-4x icon-border icon-border-rounded\" style=\"color:#fff;background-color:#E05454;border-color:#E05454;padding:0em\"><\/i><i class=\"iconfont theme-icon icon-github-alt theme-icon-4x icon-border icon-border-rounded\" style=\"color:#fff;background-color:#3295D6;border-color:#3295D6;padding:0em\"><\/i><i class=\"iconfont theme-icon icon-github-alt theme-icon-4x icon-border icon-border-rounded\" style=\"color:#fff;background-color:#E05454;border-color:#E05454;padding:0em\"><\/i><\/p><\/div><div class=\"pane\"><p class=\"responsive_text\" data-compression=\"45\" data-max=\"63\" data-min=\"6\" style=\"line-height:1em;font-size:38px\"><i class=\"iconfont theme-icon icon-github-alt theme-icon-4x icon-border icon-border-square\" style=\"color:rgba(0, 0, 0, 0.6);background-color:#DD5F5F;border-color:rgba(0, 0, 0, 0.6);padding:0em\"><\/i><i class=\"iconfont theme-icon icon-github-alt theme-icon-4x icon-border icon-border-square\" style=\"color:rgba(0, 0, 0, 0.6);background-color:#5CB0E7;border-color:rgba(0, 0, 0, 0.6);padding:0em\"><\/i><i class=\"iconfont theme-icon icon-github-alt theme-icon-4x icon-border icon-border-square\" style=\"color:rgba(0, 0, 0, 0.6);background-color:#DD5F5F;border-color:rgba(0, 0, 0, 0.6);padding:0em\"><\/i><i class=\"iconfont theme-icon icon-github-alt theme-icon-4x icon-border icon-border-square\" style=\"color:rgba(0, 0, 0, 0.6);background-color:#5CB0E7;border-color:rgba(0, 0, 0, 0.6);padding:0em\"><\/i><i class=\"iconfont theme-icon icon-github-alt theme-icon-4x icon-border icon-border-square\" style=\"color:rgba(0, 0, 0, 0.6);background-color:#DD5F5F;border-color:rgba(0, 0, 0, 0.6);padding:0em\"><\/i><\/p><\/div><\/div><\/div>\n<div class=\"divider_padding\"><\/div>\n<h2>Float, spin, rotate and flip your icons<\/p>\n<h2>\n<div id=\"content_box_6644dc8824aff807ff56b7515e5b6eb7\" class=\"content_box rounded aligncenter\" style=\"width:100%;\">\n\t<div class=\"content_box_title\" style=\"background-color:rgba(255,255,255,1);color:#000;\">Pull Left &amp; Right - Make Them Float!<\/div>\n\t<div class=\"content_box_content\" style=\"background-color:rgba(255,255,255,1);\">\n\t\t\n<div id=\"framed_box_22ccfa8885bb065deb2e87a37c7eb4e2\" class=\"framed_box rounded framed_box-by_diego_1\" style=\"border-color:#d9d9d9;border-width:1px;\">\n\t<div class=\"framed_box_content\" style=\"background-color:rgba(255,255,255,1);color:#000000;\">\n\t\t\n<p class=\"responsive_text\" data-compression=\"22\" data-max=\"63\" data-min=\"12\" style=\"line-height:1em;font-size:22px\">\n<i class=\"iconfont theme-icon icon-moon-o theme-icon-2x pull-left\" style=\"color:#907BAF\"><\/i><i class=\"iconfont theme-icon icon-sun-o theme-icon-2x pull-right\" style=\"color:#FDCB00\"><\/i>Like <span style=\"color: #805fb1\">night<\/span> and <span style=\"color: #f8bd00\">day<\/span><br \/>\n<\/p>\n\n\t\t<div class=\"framed_box_space\"><\/div>\n\t<\/div>\n<\/div>\n\n<div id=\"framed_box_a389e344bcdc62494c8e5750044941b4\" class=\"framed_box rounded framed_box-by_diego_1\" style=\"border-color:#dbdbdb;border-width:1px;\">\n\t<div class=\"framed_box_content\" style=\"background-color:rgba(255,255,255,1);color:#000000;\">\n\t\t\n<p class=\"responsive_text\" data-compression=\"22\" data-max=\"63\" data-min=\"12\" style=\"line-height:1em;font-size:22px\">\n<i class=\"iconfont theme-icon icon-google-plus-square theme-icon-large pull-left\" style=\"color:#445A92\"><\/i> <i class=\"iconfont theme-icon icon-twitter-square theme-icon-large pull-left\" style=\"color:#445A92\"><\/i> <i class=\"iconfont theme-icon icon-linkedin-square theme-icon-large pull-left\" style=\"color:#445A92\"><\/i>\n<i class=\"iconfont theme-icon icon-envelope theme-icon-large pull-right\" style=\"color:#C05353\"><\/i> <i class=\"iconfont theme-icon icon-skype theme-icon-large pull-right\" style=\"color:#C05353\"><\/i> <i class=\"iconfont theme-icon icon-phone-square theme-icon-large pull-right\" style=\"color:#C05353\"><\/i>\n<span style=\"color: #445a92\">Social<\/span> &amp; <span style=\"color: #C05353\">Contact<\/span><br \/>\n<\/p>\n\n\t\t<div class=\"framed_box_space\"><\/div>\n\t<\/div>\n<\/div>\n\n\n\t\t<div class=\"content_box_space\"><\/div>\n\t<\/div>\n<\/div>\n\n<div id=\"content_box_3edf8a4652cae84bc23131e7d13f247e\" class=\"content_box rounded aligncenter\" style=\"width:100%;\">\n\t<div class=\"content_box_title\" style=\"background-color:rgba(255,255,255,1);color:#000;\">Spin Them Up<\/div>\n\t<div class=\"content_box_content\" style=\"background-color:rgba(255,255,255,1);\">\n\t\t\n<p class=\"responsive_text\" data-compression=\"27\" data-max=\"63\" data-min=\"8\" style=\"line-height:1em;font-size:38px\">\n<i class=\"iconfont theme-icon icon-rotate-right theme-icon-2x icon-spin\" style=\"color:#E9D8BB\"><\/i> \u00a0<i class=\"iconfont theme-icon icon-refresh theme-icon-2x icon-spin\" style=\"color:#E9D8BB\"><\/i>\u00a0\u00a0<i class=\"iconfont theme-icon icon-asterisk theme-icon-2x icon-spin\" style=\"color:#E9D8BB\"><\/i> <i class=\"iconfont theme-icon icon-certificate theme-icon-2x icon-spin\" style=\"color:#E9D8BB\"><\/i>\u00a0\u00a0<i class=\"iconfont theme-icon icon-sun-o theme-icon-2x icon-spin\" style=\"color:#E9D8BB\"><\/i>\u00a0\u00a0<i class=\"iconfont theme-icon icon-spinner theme-icon-2x icon-spin\" style=\"color:#E9D8BB\"><\/i>\u00a0 <i class=\"iconfont theme-icon icon-star-o theme-icon-2x icon-spin\" style=\"color:#E9D8BB\"><\/i>\u00a0\u00a0<i class=\"iconfont theme-icon icon-star theme-icon-2x icon-spin\" style=\"color:#E9D8BB\"><\/i> <i class=\"iconfont theme-icon icon-gear theme-icon-2x icon-spin\" style=\"color:#E9D8BB\"><\/i> \u00a0<i class=\"iconfont theme-icon icon-compass theme-icon-2x icon-spin\" style=\"color:#E9D8BB\"><\/i>\n<\/p>\n\n\t\t<div class=\"content_box_space\"><\/div>\n\t<\/div>\n<\/div>\n\n<div id=\"content_box_7af50dc865df3567cc5d1d5d25ae25c0\" class=\"content_box rounded aligncenter\" style=\"width:100%;\">\n\t<div class=\"content_box_title\" style=\"background-color:rgba(255,255,255,1);color:#000;\">Rotate them 90\/ 180\/ 270 degrees<\/div>\n\t<div class=\"content_box_content\" style=\"background-color:rgba(255,255,255,1);\">\n\t\t<p class=\"responsive_text\" data-compression=\"28\" data-max=\"63\" data-min=\"8\" style=\"line-height:1em;font-size:38px\"><i class=\"iconfont theme-icon icon-power-off theme-icon-4x\" style=\"color:#3C8DCE\"><\/i>\u00a0\u00a0 <i class=\"iconfont theme-icon icon-power-off theme-icon-4x icon-rotate-90\" style=\"color:#3C8DCE\"><\/i>\u00a0 \u00a0 \u00a0 <i class=\"iconfont theme-icon icon-power-off theme-icon-4x icon-rotate-180\" style=\"color:#3C8DCE\"><\/i>\u00a0 \u00a0 \u00a0<i class=\"iconfont theme-icon icon-power-off theme-icon-4x icon-rotate-270\" style=\"color:#3C8DCE\"><\/i> <\/p>\n\n\t\t<div class=\"content_box_space\"><\/div>\n\t<\/div>\n<\/div>\n\n<div id=\"content_box_8969047ec99fd3068a8e0df44077ec24\" class=\"content_box rounded aligncenter\" style=\"width:100%;\">\n\t<div class=\"content_box_title\" style=\"background-color:rgba(255,255,255,1);color:#000;\">Flip Them Horizontally<\/div>\n\t<div class=\"content_box_content\" style=\"background-color:rgba(255,255,255,1);\">\n\t\t\n<p class=\"responsive_text\" data-compression=\"28\" data-max=\"63\" data-min=\"8\" style=\"line-height:1em;font-size:38px\">\n<i class=\"iconfont theme-icon icon-scissors theme-icon-4x\" style=\"color:#4D4D4D\"><\/i>\u00a0<i class=\"iconfont theme-icon icon-ellipsis-h theme-icon-3x icon-flip-horizontal\" style=\"color:#4D4D4D\"><\/i> <i class=\"iconfont theme-icon icon-ellipsis-h theme-icon-3x icon-flip-horizontal\" style=\"color:#4D4D4D\"><\/i> <i class=\"iconfont theme-icon icon-ellipsis-h theme-icon-3x icon-flip-horizontal\" style=\"color:#4D4D4D\"><\/i> <i class=\"iconfont theme-icon icon-ellipsis-h theme-icon-3x icon-flip-horizontal\" style=\"color:#4D4D4D\"><\/i> <i class=\"iconfont theme-icon icon-ellipsis-h theme-icon-3x\" style=\"color:#4D4D4D\"><\/i> <i class=\"iconfont theme-icon icon-ellipsis-h theme-icon-3x\" style=\"color:#4D4D4D\"><\/i> <i class=\"iconfont theme-icon icon-ellipsis-h theme-icon-3x\" style=\"color:#4D4D4D\"><\/i> <i class=\"iconfont theme-icon icon-scissors theme-icon-4x icon-flip-horizontal\" style=\"color:#4D4D4D\"><\/i><\/br><i class=\"iconfont theme-icon icon-fire-extinguisher theme-icon-4x\" style=\"color:#DB4C4C\"><\/i><i class=\"iconfont theme-icon icon-fire theme-icon-5x\" style=\"color:#F8C15A\"><\/i><i class=\"iconfont theme-icon icon-fire-extinguisher theme-icon-4x icon-flip-horizontal\" style=\"color:#DB4C4C\"><\/i>\n<\/p>\n\n\t\t<div class=\"content_box_space\"><\/div>\n\t<\/div>\n<\/div>\n\n<div id=\"content_box_5b2006f7e46301373ae8d003abfd961a\" class=\"content_box rounded aligncenter\" style=\"width:100%;\">\n\t<div class=\"content_box_title\" style=\"background-color:rgba(255,255,255,1);color:#000;\">Flip Them Vertically<\/div>\n\t<div class=\"content_box_content\" style=\"background-color:rgba(255,255,255,1);\">\n\t\t\n<p class=\"responsive_text\" data-compression=\"28\" data-max=\"63\" data-min=\"8\" style=\"line-height:1em;font-size:38px\">\n<i class=\"iconfont theme-icon icon-umbrella theme-icon-4x\" style=\"color:#7E69AC\"><\/i><i class=\"iconfont theme-icon icon-umbrella theme-icon-4x icon-flip-vertical\" style=\"color:#7E69AC\"><\/i><i class=\"iconfont theme-icon icon-umbrella theme-icon-4x\" style=\"color:#7E69AC\"><\/i><i class=\"iconfont theme-icon icon-umbrella theme-icon-4x icon-flip-vertical\" style=\"color:#7E69AC\"><\/i><i class=\"iconfont theme-icon icon-umbrella theme-icon-4x\" style=\"color:#7E69AC\"><\/i><i class=\"iconfont theme-icon icon-umbrella theme-icon-4x icon-flip-vertical\" style=\"color:#7E69AC\"><\/i><i class=\"iconfont theme-icon icon-umbrella theme-icon-4x\" style=\"color:#7E69AC\"><\/i>\n<\/p>\n\n\t\t<div class=\"content_box_space\"><\/div>\n\t<\/div>\n<\/div>\n\n<div class=\"divider\" style=\"border-color:#D6D6D6;padding-top:45px;margin-bottom:70px;border-bottom-width:2px;margin-right:auto; margin-left:auto;width:100%\"><\/div>\n<h2>More About the Font Awesome Implementation in Striking Multiflex<\/h2>\n<div class=\"divider_padding\"><\/div>\n<div class=\"one_half\"><div id=\"framed_box_c9017360c9f0681525c2f5866f12a2d8\" class=\"framed_box rounded\" style=\"border-color:#DD2929;border-width:0px;\">\n\t<div class=\"framed_box_content\" style=\"background-color:#D54242;color:#ffffff;\">\n\t\t\n<p class=\"responsive_text\" data-compression=\"17\" data-max=\"24\" data-min=\"18\" style=\"line-height:1em;font-size:38px\">\n<strong>Font Awesome Icons Available in Many Other Shortcodes Too!<\/strong><br \/>\n<\/p>\n<a id=\"button_id-3131\" href=\"\/themes\/strikingr\/font-awesome-icons-in-shortcodes\/\" style=\"background-color:white\" class=\"button large no_woo_button alignright\"><span style=\"color:#C23030;\"><i class=\"theme-icon icon-th-list\" style=\"color:#C23030\"><\/i>Let&#8217;s See Them in Other Shortcodes!<br \/><\/span><\/a> <br \/>\n<div class=\"divider_padding\"><\/div>\n\n\t\t<div class=\"framed_box_space\"><\/div>\n\t<\/div>\n<\/div>\n<\/div>\n<div class=\"one_half last\"><div id=\"framed_box_3fa1546a16cbf9ef10792967559b9925\" class=\"framed_box rounded\" style=\"border-color:#0F74B6;border-width:0px;\">\n\t<div class=\"framed_box_content\" style=\"background-color:#228ACE;color:#ffffff;\">\n\t\t\n<p class=\"responsive_text\" data-compression=\"17\" data-max=\"24\" data-min=\"18\" style=\"line-height:1em;font-size:38px\">\n<strong>Full set of Font Awesome Icons in Striking Multiflex<\/strong><br \/>\n<\/p>\n<a id=\"font_awesome_full_set\" href=\"\/themes\/strikingr\/font-awesome-icons-complete-collection\/\" style=\"background-color:#ffffff\" class=\"button large no_woo_button alignright\"><span style=\"color:#0F74B6;\"><i class=\"theme-icon icon-th\" style=\"color:#0F74B6\"><\/i>Press Here to See the <strong>479<\/strong> Icons set!<\/span><\/a> <br \/>\n<div class=\"divider_padding\"><\/div>\n\n\t\t<div class=\"framed_box_space\"><\/div>\n\t<\/div>\n<\/div>\n<\/div><div class=\"clearboth\"><\/div>\n","protected":false},"excerpt":{"rendered":"<p>The Icon Font Shortcode Naked or with Border\/ Background\/ Border + Background Border Background Border + Background Hover effects Set your desired padding for your border and\/or background Float, spin, rotate and flip your icons More About the Font Awesome Implementation in Striking Multiflex<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":3,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-4790","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/thethemebuilders.review\/demonew\/wp-json\/wp\/v2\/pages\/4790","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thethemebuilders.review\/demonew\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/thethemebuilders.review\/demonew\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/thethemebuilders.review\/demonew\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/thethemebuilders.review\/demonew\/wp-json\/wp\/v2\/comments?post=4790"}],"version-history":[{"count":0,"href":"https:\/\/thethemebuilders.review\/demonew\/wp-json\/wp\/v2\/pages\/4790\/revisions"}],"wp:attachment":[{"href":"https:\/\/thethemebuilders.review\/demonew\/wp-json\/wp\/v2\/media?parent=4790"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}