{"id":233,"date":"2018-12-27T01:44:57","date_gmt":"2018-12-26T23:44:57","guid":{"rendered":"http:\/\/e-merald.com\/themes\/transvision-wp\/?page_id=233"},"modified":"2018-12-28T16:42:28","modified_gmt":"2018-12-28T14:42:28","slug":"fancy-icon","status":"publish","type":"page","link":"https:\/\/e-merald.com\/themes\/transvision-wp\/resources\/elements\/fancy-icon\/","title":{"rendered":"Fancy Icon"},"content":{"rendered":"\n\t\t<!-- Stripe section -->\n\t\t<div class=\"stripe stripe-white-bg\">\n\t\t\t<div class=\"stripe-upper-bg\"><\/div>\n\n\t\t\t<div class=\"container\"> <!-- Container -->\n\n<div id=\"pg-233-0\"  class=\"panel-grid row\"  data-cells=\"1\"  data-grids=\"6\" ><div id=\"pgc-233-0-0\"  class=\"panel-grid-cell col-sm-12 columns\"  data-cells=\"1\" >\n\n<!-- Text Block -->\n<div id=\"panel-233-0-0-0\" class=\"so-panel widget widget_transvision-text-block widget-text-block panel-first-child panel-last-child\" data-index=\"0\" >\n<p class=\"lead-text-large text-primary-color-saturated\">The Fancy Icon element allows you to add a fancy graphic (with icon) to some text.<\/p>\n<p>See below the examples of how you can use the Fancy Icon element in the template.<\/p>\n\n<\/div>\n<!-- end Text Block -->\n<\/div><\/div>\n\n\t\t\t<\/div> <!-- end Container -->\n\n\t\t<\/div>\n\t\t<!-- end Stripe section -->\n\n\t\t<!-- Stripe section -->\n\t\t<div class=\"stripe stripe-light-grey-bg dots-bg\">\n\t\t\t<div class=\"stripe-upper-bg\"><\/div>\n\n\t\t\t<div class=\"container\"> <!-- Container -->\n\n<div id=\"pg-233-1\"  class=\"panel-grid row\"  data-cells=\"2\"  data-grids=\"6\" ><div id=\"pgc-233-1-0\"  class=\"panel-grid-cell col-sm-3 columns\"  data-cells=\"2\" >\n\n<!-- Fancy Icon -->\n<div id=\"panel-233-1-0-0\" class=\"so-panel widget widget_transvision-fancy-icon widget-fancy-icon panel-first-child panel-last-child align-only-md-center align-only-lg-center align-only-xl-center\" data-index=\"1\" >\n\t\t\t\r\n\t\t\t<div class=\"fancy-icon standard\">\r\n\t\t\t\t<figure class=\"box-icon ion-ios-people-outline\">\r\n\t\t\t\t\t<span class=\"inner-border\"><\/span>\r\n\t\t\t\t<\/figure>\r\n\t\t\t<\/div>\r\n\t\t\t\r\n\t\t\t<\/div>\n<!-- end Fancy Icon -->\n<\/div><div id=\"pgc-233-1-1\"  class=\"panel-grid-cell col-sm-9 columns\"  data-cells=\"2\" >\n\n<!-- Text Block -->\n<div id=\"panel-233-1-1-0\" class=\"so-panel widget widget_transvision-text-block widget-text-block panel-first-child panel-last-child\" data-index=\"2\" >\n<h4>Fancy Icon<\/h4>\n<p>Coaching isn't just for athletes and celebrities anymore! Coaching is right for you if you actively want to improve your life, and know that having support, accountability and some additional wisdom on that journey is the extra boost your need to really push past whatever might be holding you back.<\/p>\n\n<\/div>\n<!-- end Text Block -->\n<\/div><\/div>\n\n\t\t\t<\/div> <!-- end Container -->\n\n\t\t<\/div>\n\t\t<!-- end Stripe section -->\n\n\t\t<!-- Stripe section -->\n\t\t<div class=\"stripe stripe-white-bg\">\n\t\t\t<div class=\"stripe-upper-bg\"><\/div>\n\n\t\t\t<div class=\"container\"> <!-- Container -->\n\n<div id=\"pg-233-2\"  class=\"panel-grid row\"  data-cells=\"2\"  data-grids=\"6\" ><div id=\"pgc-233-2-0\"  class=\"panel-grid-cell col-sm-6 columns\"  data-cells=\"2\" >\n\n<!-- Fancy Icon -->\n<div id=\"panel-233-2-0-0\" class=\"so-panel widget widget_transvision-fancy-icon widget-fancy-icon panel-first-child panel-last-child offset-sm-right-20px\" data-index=\"3\" >\n\t\t\t\r\n\t\t\t<div class=\"fancy-icon colored-beam-left\">\r\n\t\t\t\t<figure class=\"box-icon ion-ios-flask-outline\">\r\n\t\t\t\t\t<span class=\"inner-border\"><\/span>\r\n\t\t\t\t<\/figure>\r\n\t\t\t<\/div>\r\n\t\t\t\r\n\t\t\t<\/div>\n<!-- end Fancy Icon -->\n<\/div><div id=\"pgc-233-2-1\"  class=\"panel-grid-cell col-sm-6 columns\"  data-cells=\"2\" >\n\n<!-- Text Block -->\n<div id=\"panel-233-2-1-0\" class=\"so-panel widget widget_transvision-text-block widget-text-block panel-first-child panel-last-child offset-md-left-20px\" data-index=\"4\" >\n<h4><span class=\"text-highlighted\">Fancy<\/span> Icon<\/h4>\n<ul class=\"dot-list\">\n<li>an icon font symbol<\/li>\n<li>colored beam at the left side of the icon<\/li>\n<\/ul>\n\n<\/div>\n<!-- end Text Block -->\n<\/div><\/div>\n\n\t\t\t<\/div> <!-- end Container -->\n\n\t\t<\/div>\n\t\t<!-- end Stripe section -->\n\n\t\t<!-- Stripe section -->\n\t\t<div class=\"stripe stripe-white-bg\">\n\t\t\t<div class=\"stripe-upper-bg\"><\/div>\n\n\t\t\t<div class=\"container\"> <!-- Container -->\n\n<div id=\"pg-233-3\"  class=\"panel-grid row\"  data-cells=\"2\"  data-grids=\"6\" ><div id=\"pgc-233-3-0\"  class=\"panel-grid-cell col-sm-6 col-sm-push-6 columns\"  data-cells=\"2\"  data-ordering=\"swap-cols-sm\" >\n\n<!-- Fancy Icon -->\n<div id=\"panel-233-3-0-0\" class=\"so-panel widget widget_transvision-fancy-icon widget-fancy-icon panel-first-child panel-last-child offset-sm-left-20px\" data-index=\"5\" >\n\t\t\t\r\n\t\t\t<div class=\"fancy-icon colored-beam-right\">\r\n\t\t\t\t<figure class=\"box-icon ion-social-bitcoin-outline\">\r\n\t\t\t\t\t<span class=\"inner-border\"><\/span>\r\n\t\t\t\t<\/figure>\r\n\t\t\t<\/div>\r\n\t\t\t\r\n\t\t\t<\/div>\n<!-- end Fancy Icon -->\n<\/div><div id=\"pgc-233-3-1\"  class=\"panel-grid-cell col-sm-6 col-sm-pull-6 columns\"  data-cells=\"2\"  data-ordering=\"swap-cols-sm\" >\n\n<!-- Text Block -->\n<div id=\"panel-233-3-1-0\" class=\"so-panel widget widget_transvision-text-block widget-text-block panel-first-child panel-last-child offset-md-right-20px\" data-index=\"6\" >\n<h4><span class=\"text-highlighted\">Fancy<\/span> Icon<\/h4>\n<p>an icon font symbol + colored beam at the right side of the icon<\/p>\n\n<\/div>\n<!-- end Text Block -->\n<\/div><\/div>\n\n\t\t\t<\/div> <!-- end Container -->\n\n\t\t<\/div>\n\t\t<!-- end Stripe section -->\n\n\t\t<!-- Stripe section -->\n\t\t<div class=\"stripe stripe-narrow stripe-light-grey-bg\">\n\t\t\t<div class=\"stripe-upper-bg\"><\/div>\n\n\t\t\t<div class=\"container\"> <!-- Container -->\n\n<div id=\"pg-233-4\"  class=\"panel-grid row\"  data-cells=\"1\"  data-grids=\"6\" ><div id=\"pgc-233-4-0\"  class=\"panel-grid-cell col-sm-12 columns\"  data-cells=\"1\" >\n\n<!-- Text Block -->\n<div id=\"panel-233-4-0-0\" class=\"so-panel widget widget_transvision-text-block widget-text-block panel-first-child panel-last-child\" data-index=\"7\" >\n<h3 class=\"remove-bottom\" style=\"text-align: center;\">The Set of Icons<\/h3>\n<p class=\"font-weight-normal text-light-grey\" style=\"text-align: center;\">Below are the icons you can use in your Fancy Icon elements.<\/p>\n\n<\/div>\n<!-- end Text Block -->\n<\/div><\/div>\n\n\t\t\t<\/div> <!-- end Container -->\n\n\t\t<\/div>\n\t\t<!-- end Stripe section -->\n\n\t\t<!-- Stripe section -->\n\t\t<div class=\"stripe stripe-white-bg\">\n\t\t\t<div class=\"stripe-upper-bg\"><\/div>\n\n\t\t\t<div class=\"container\"> <!-- Container -->\n\n<div id=\"pg-233-5\"  class=\"panel-grid row\"  data-cells=\"1\"  data-grids=\"6\" ><div id=\"pgc-233-5-0\"  class=\"panel-grid-cell col-sm-12 columns\"  data-cells=\"1\" >\n\n<!-- Text Block -->\n<div id=\"panel-233-5-0-0\" class=\"so-panel widget widget_transvision-text-block widget-text-block panel-first-child panel-last-child\" data-index=\"8\" >\n<div class=\"fancy-icon-set clearfix\">\n<div class=\"fancy-icon\">\n<figure class=\"box-icon ion-ios-arrow-thin-up\">\n<div class=\"inner-border\"><\/div>\n<\/figure>\n<div class=\"icon-label\">icon-arrow-thin-up<\/div>\n<\/div>\n<div class=\"fancy-icon\">\n<figure class=\"box-icon ion-ios-arrow-thin-down\">\n<div class=\"inner-border\"><\/div>\n<\/figure>\n<div class=\"icon-label\">icon-arrow-thin-down<\/div>\n<\/div>\n<div class=\"fancy-icon\">\n<figure class=\"box-icon ion-ios-information-empty\">\n<div class=\"inner-border\"><\/div>\n<\/figure>\n<div class=\"icon-label\">icon-information<\/div>\n<\/div>\n<div class=\"fancy-icon\">\n<figure class=\"box-icon ion-ios-help-empty\">\n<div class=\"inner-border\"><\/div>\n<\/figure>\n<div class=\"icon-label\">icon-help<\/div>\n<\/div>\n<div class=\"fancy-icon\">\n<figure class=\"box-icon ion-ios-search\">\n<div class=\"inner-border\"><\/div>\n<\/figure>\n<div class=\"icon-label\">icon-search<\/div>\n<\/div>\n<div class=\"fancy-icon\">\n<figure class=\"box-icon ion-ios-star-outline\">\n<div class=\"inner-border\"><\/div>\n<\/figure>\n<div class=\"icon-label\">icon-star<\/div>\n<\/div>\n<div class=\"fancy-icon\">\n<figure class=\"box-icon ion-ios-star-half\">\n<div class=\"inner-border\"><\/div>\n<\/figure>\n<div class=\"icon-label\">icon-star-half<\/div>\n<\/div>\n<div class=\"fancy-icon\">\n<figure class=\"box-icon ion-ios-heart-outline\">\n<div class=\"inner-border\"><\/div>\n<\/figure>\n<div class=\"icon-label\">icon-heart<\/div>\n<\/div>\n<div class=\"fancy-icon\">\n<figure class=\"box-icon ion-ios-more\">\n<div class=\"inner-border\"><\/div>\n<\/figure>\n<div class=\"icon-label\">icon-more<\/div>\n<\/div>\n<div class=\"fancy-icon\">\n<figure class=\"box-icon ion-ios-home-outline\">\n<div class=\"inner-border\"><\/div>\n<\/figure>\n<div class=\"icon-label\">icon-home<\/div>\n<\/div>\n<div class=\"fancy-icon\">\n<figure class=\"box-icon ion-ios-cloud-upload-outline\">\n<div class=\"inner-border\"><\/div>\n<\/figure>\n<div class=\"icon-label\">icon-cloud-upload<\/div>\n<\/div>\n<div class=\"fancy-icon\">\n<figure class=\"box-icon ion-ios-cloud-download-outline\">\n<div class=\"inner-border\"><\/div>\n<\/figure>\n<div class=\"icon-label\">icon-cloud-download<\/div>\n<\/div>\n<div class=\"fancy-icon\">\n<figure class=\"box-icon ion-ios-loop\">\n<div class=\"inner-border\"><\/div>\n<\/figure>\n<div class=\"icon-label\">icon-loop<\/div>\n<\/div>\n<div class=\"fancy-icon\">\n<figure class=\"box-icon ion-ios-book-outline\">\n<div class=\"inner-border\"><\/div>\n<\/figure>\n<div class=\"icon-label\">icon-book<\/div>\n<\/div>\n<div class=\"fancy-icon\">\n<figure class=\"box-icon ion-ios-flag-outline\">\n<div class=\"inner-border\"><\/div>\n<\/figure>\n<div class=\"icon-label\">icon-flag<\/div>\n<\/div>\n<div class=\"fancy-icon\">\n<figure class=\"box-icon ion-ios-browsers-outline\">\n<div class=\"inner-border\"><\/div>\n<\/figure>\n<div class=\"icon-label\">icon-browsers<\/div>\n<\/div>\n<div class=\"fancy-icon\">\n<figure class=\"box-icon ion-ios-at-outline\">\n<div class=\"inner-border\"><\/div>\n<\/figure>\n<div class=\"icon-label\">icon-at<\/div>\n<\/div>\n<div class=\"fancy-icon\">\n<figure class=\"box-icon ion-ios-pricetags-outline\">\n<div class=\"inner-border\"><\/div>\n<\/figure>\n<div class=\"icon-label\">icon-pricetags<\/div>\n<\/div>\n<div class=\"fancy-icon\">\n<figure class=\"box-icon ion-ios-cart-outline\">\n<div class=\"inner-border\"><\/div>\n<\/figure>\n<div class=\"icon-label\">icon-cart<\/div>\n<\/div>\n<div class=\"fancy-icon\">\n<figure class=\"box-icon ion-ios-chatboxes-outline\">\n<div class=\"inner-border\"><\/div>\n<\/figure>\n<div class=\"icon-label\">icon-chatboxes<\/div>\n<\/div>\n<div class=\"fancy-icon\">\n<figure class=\"box-icon ion-ios-gear-outline\">\n<div class=\"inner-border\"><\/div>\n<\/figure>\n<div class=\"icon-label\">icon-gear<\/div>\n<\/div>\n<div class=\"fancy-icon\">\n<figure class=\"box-icon ion-ios-settings\">\n<div class=\"inner-border\"><\/div>\n<\/figure>\n<div class=\"icon-label\">icon-settings<\/div>\n<\/div>\n<div class=\"fancy-icon\">\n<figure class=\"box-icon ion-ios-pulse\">\n<div class=\"inner-border\"><\/div>\n<\/figure>\n<div class=\"icon-label\">icon-pulse<\/div>\n<\/div>\n<div class=\"fancy-icon\">\n<figure class=\"box-icon ion-ios-box-outline\">\n<div class=\"inner-border\"><\/div>\n<\/figure>\n<div class=\"icon-label\">icon-box<\/div>\n<\/div>\n<div class=\"fancy-icon\">\n<figure class=\"box-icon ion-ios-compose-outline\">\n<div class=\"inner-border\"><\/div>\n<\/figure>\n<div class=\"icon-label\">icon-compose<\/div>\n<\/div>\n<div class=\"fancy-icon\">\n<figure class=\"box-icon ion-ios-copy-outline\">\n<div class=\"inner-border\"><\/div>\n<\/figure>\n<div class=\"icon-label\">icon-copy<\/div>\n<\/div>\n<div class=\"fancy-icon\">\n<figure class=\"box-icon ion-ios-email-outline\">\n<div class=\"inner-border\"><\/div>\n<\/figure>\n<div class=\"icon-label\">icon-email<\/div>\n<\/div>\n<div class=\"fancy-icon\">\n<figure class=\"box-icon ion-ios-undo-outline\">\n<div class=\"inner-border\"><\/div>\n<\/figure>\n<div class=\"icon-label\">icon-undo<\/div>\n<\/div>\n<div class=\"fancy-icon\">\n<figure class=\"box-icon ion-ios-redo-outline\">\n<div class=\"inner-border\"><\/div>\n<\/figure>\n<div class=\"icon-label\">icon-redo<\/div>\n<\/div>\n<div class=\"fancy-icon\">\n<figure class=\"box-icon ion-ios-paperplane-outline\">\n<div class=\"inner-border\"><\/div>\n<\/figure>\n<div class=\"icon-label\">icon-paperplane<\/div>\n<\/div>\n<div class=\"fancy-icon\">\n<figure class=\"box-icon ion-ios-paper-outline\">\n<div class=\"inner-border\"><\/div>\n<\/figure>\n<div class=\"icon-label\">icon-paper<\/div>\n<\/div>\n<div class=\"fancy-icon\">\n<figure class=\"box-icon ion-ios-list-outline\">\n<div class=\"inner-border\"><\/div>\n<\/figure>\n<div class=\"icon-label\">icon-list<\/div>\n<\/div>\n<div class=\"fancy-icon\">\n<figure class=\"box-icon ion-ios-world-outline\">\n<div class=\"inner-border\"><\/div>\n<\/figure>\n<div class=\"icon-label\">icon-world<\/div>\n<\/div>\n<div class=\"fancy-icon\">\n<figure class=\"box-icon ion-ios-alarm-outline\">\n<div class=\"inner-border\"><\/div>\n<\/figure>\n<div class=\"icon-label\">icon-alarm<\/div>\n<\/div>\n<div class=\"fancy-icon\">\n<figure class=\"box-icon ion-ios-speedometer-outline\">\n<div class=\"inner-border\"><\/div>\n<\/figure>\n<div class=\"icon-label\">icon-speedometer<\/div>\n<\/div>\n<div class=\"fancy-icon\">\n<figure class=\"box-icon ion-ios-stopwatch-outline\">\n<div class=\"inner-border\"><\/div>\n<\/figure>\n<div class=\"icon-label\">icon-stopwatch<\/div>\n<\/div>\n<div class=\"fancy-icon\">\n<figure class=\"box-icon ion-ios-timer-outline\">\n<div class=\"inner-border\"><\/div>\n<\/figure>\n<div class=\"icon-label\">icon-timer<\/div>\n<\/div>\n<div class=\"fancy-icon\">\n<figure class=\"box-icon ion-ios-time-outline\">\n<div class=\"inner-border\"><\/div>\n<\/figure>\n<div class=\"icon-label\">icon-time<\/div>\n<\/div>\n<div class=\"fancy-icon\">\n<figure class=\"box-icon ion-ios-calendar-outline\">\n<div class=\"inner-border\"><\/div>\n<\/figure>\n<div class=\"icon-label\">icon-calendar<\/div>\n<\/div>\n<div class=\"fancy-icon\">\n<figure class=\"box-icon ion-ios-photos-outline\">\n<div class=\"inner-border\"><\/div>\n<\/figure>\n<div class=\"icon-label\">icon-photos<\/div>\n<\/div>\n<div class=\"fancy-icon\">\n<figure class=\"box-icon ion-ios-albums-outline\">\n<div class=\"inner-border\"><\/div>\n<\/figure>\n<div class=\"icon-label\">icon-albums<\/div>\n<\/div>\n<div class=\"fancy-icon\">\n<figure class=\"box-icon ion-ios-camera-outline\">\n<div class=\"inner-border\"><\/div>\n<\/figure>\n<div class=\"icon-label\">icon-camera<\/div>\n<\/div>\n<div class=\"fancy-icon\">\n<figure class=\"box-icon ion-ios-bolt-outline\">\n<div class=\"inner-border\"><\/div>\n<\/figure>\n<div class=\"icon-label\">icon-flash<\/div>\n<\/div>\n<div class=\"fancy-icon\">\n<figure class=\"box-icon ion-ios-color-wand-outline\">\n<div class=\"inner-border\"><\/div>\n<\/figure>\n<div class=\"icon-label\">icon-wand<\/div>\n<\/div>\n<div class=\"fancy-icon\">\n<figure class=\"box-icon ion-ios-color-filter-outline\">\n<div class=\"inner-border\"><\/div>\n<\/figure>\n<div class=\"icon-label\">icon-filter<\/div>\n<\/div>\n<div class=\"fancy-icon\">\n<figure class=\"box-icon ion-ios-grid-view-outline\">\n<div class=\"inner-border\"><\/div>\n<\/figure>\n<div class=\"icon-label\">icon-grid-view<\/div>\n<\/div>\n<div class=\"fancy-icon\">\n<figure class=\"box-icon ion-ios-barcode-outline\">\n<div class=\"inner-border\"><\/div>\n<\/figure>\n<div class=\"icon-label\">icon-barcode<\/div>\n<\/div>\n<div class=\"fancy-icon\">\n<figure class=\"box-icon ion-ios-briefcase-outline\">\n<div class=\"inner-border\"><\/div>\n<\/figure>\n<div class=\"icon-label\">icon-briefcase<\/div>\n<\/div>\n<div class=\"fancy-icon\">\n<figure class=\"box-icon ion-ios-medkit-outline\">\n<div class=\"inner-border\"><\/div>\n<\/figure>\n<div class=\"icon-label\">icon-medkit<\/div>\n<\/div>\n<div class=\"fancy-icon\">\n<figure class=\"box-icon ion-ios-medical-outline\">\n<div class=\"inner-border\"><\/div>\n<\/figure>\n<div class=\"icon-label\">icon-medical<\/div>\n<\/div>\n<div class=\"fancy-icon\">\n<figure class=\"box-icon ion-ios-infinite-outline\">\n<div class=\"inner-border\"><\/div>\n<\/figure>\n<div class=\"icon-label\">icon-infinite<\/div>\n<\/div>\n<div class=\"fancy-icon\">\n<figure class=\"box-icon ion-ios-calculator-outline\">\n<div class=\"inner-border\"><\/div>\n<\/figure>\n<div class=\"icon-label\">icon-calculator<\/div>\n<\/div>\n<div class=\"fancy-icon\">\n<figure class=\"box-icon ion-ios-keypad-outline\">\n<div class=\"inner-border\"><\/div>\n<\/figure>\n<div class=\"icon-label\">icon-keypad<\/div>\n<\/div>\n<div class=\"fancy-icon\">\n<figure class=\"box-icon ion-ios-drag\">\n<div class=\"inner-border\"><\/div>\n<\/figure>\n<div class=\"icon-label\">icon-reorder<\/div>\n<\/div>\n<div class=\"fancy-icon\">\n<figure class=\"box-icon ion-ios-location-outline\">\n<div class=\"inner-border\"><\/div>\n<\/figure>\n<div class=\"icon-label\">icon-location<\/div>\n<\/div>\n<div class=\"fancy-icon\">\n<figure class=\"box-icon ion-ios-navigate-outline\">\n<div class=\"inner-border\"><\/div>\n<\/figure>\n<div class=\"icon-label\">icon-navigate<\/div>\n<\/div>\n<div class=\"fancy-icon\">\n<figure class=\"box-icon ion-ios-locked-outline\">\n<div class=\"inner-border\"><\/div>\n<\/figure>\n<div class=\"icon-label\">icon-locked<\/div>\n<\/div>\n<div class=\"fancy-icon\">\n<figure class=\"box-icon ion-ios-unlocked-outline\">\n<div class=\"inner-border\"><\/div>\n<\/figure>\n<div class=\"icon-label\">icon-unlocked<\/div>\n<\/div>\n<div class=\"fancy-icon\">\n<figure class=\"box-icon ion-ios-monitor-outline\">\n<div class=\"inner-border\"><\/div>\n<\/figure>\n<div class=\"icon-label\">icon-monitor<\/div>\n<\/div>\n<div class=\"fancy-icon\">\n<figure class=\"box-icon ion-ios-printer-outline\">\n<div class=\"inner-border\"><\/div>\n<\/figure>\n<div class=\"icon-label\">icon-printer<\/div>\n<\/div>\n<div class=\"fancy-icon\">\n<figure class=\"box-icon ion-ios-game-controller-b-outline\">\n<div class=\"inner-border\"><\/div>\n<\/figure>\n<div class=\"icon-label\">icon-game-controller<\/div>\n<\/div>\n<div class=\"fancy-icon\">\n<figure class=\"box-icon ion-ios-americanfootball-outline\">\n<div class=\"inner-border\"><\/div>\n<\/figure>\n<div class=\"icon-label\">icon-americanfootball<\/div>\n<\/div>\n<div class=\"fancy-icon\">\n<figure class=\"box-icon ion-ios-baseball-outline\">\n<div class=\"inner-border\"><\/div>\n<\/figure>\n<div class=\"icon-label\">icon-baseball<\/div>\n<\/div>\n<div class=\"fancy-icon\">\n<figure class=\"box-icon ion-ios-basketball-outline\">\n<div class=\"inner-border\"><\/div>\n<\/figure>\n<div class=\"icon-label\">icon-basketball<\/div>\n<\/div>\n<div class=\"fancy-icon\">\n<figure class=\"box-icon ion-ios-tennisball-outline\">\n<div class=\"inner-border\"><\/div>\n<\/figure>\n<div class=\"icon-label\">icon-tennisball<\/div>\n<\/div>\n<div class=\"fancy-icon\">\n<figure class=\"box-icon ion-ios-football-outline\">\n<div class=\"inner-border\"><\/div>\n<\/figure>\n<div class=\"icon-label\">icon-football<\/div>\n<\/div>\n<div class=\"fancy-icon\">\n<figure class=\"box-icon ion-ios-body\">\n<div class=\"inner-border\"><\/div>\n<\/figure>\n<div class=\"icon-label\">icon-body<\/div>\n<\/div>\n<div class=\"fancy-icon\">\n<figure class=\"box-icon ion-ios-person-outline\">\n<div class=\"inner-border\"><\/div>\n<\/figure>\n<div class=\"icon-label\">icon-person<\/div>\n<\/div>\n<div class=\"fancy-icon\">\n<figure class=\"box-icon ion-ios-personadd-outline\">\n<div class=\"inner-border\"><\/div>\n<\/figure>\n<div class=\"icon-label\">icon-personadd<\/div>\n<\/div>\n<div class=\"fancy-icon\">\n<figure class=\"box-icon ion-ios-people-outline\">\n<div class=\"inner-border\"><\/div>\n<\/figure>\n<div class=\"icon-label\">icon-people<\/div>\n<\/div>\n<div class=\"fancy-icon\">\n<figure class=\"box-icon ion-ios-musical-notes\">\n<div class=\"inner-border\"><\/div>\n<\/figure>\n<div class=\"icon-label\">icon-musical-notes<\/div>\n<\/div>\n<div class=\"fancy-icon\">\n<figure class=\"box-icon ion-ios-bell-outline\">\n<div class=\"inner-border\"><\/div>\n<\/figure>\n<div class=\"icon-label\">icon-bell<\/div>\n<\/div>\n<div class=\"fancy-icon\">\n<figure class=\"box-icon ion-ios-mic-outline\">\n<div class=\"inner-border\"><\/div>\n<\/figure>\n<div class=\"icon-label\">icon-mic<\/div>\n<\/div>\n<div class=\"fancy-icon\">\n<figure class=\"box-icon ion-ios-volume-high\">\n<div class=\"inner-border\"><\/div>\n<\/figure>\n<div class=\"icon-label\">icon-volume-high<\/div>\n<\/div>\n<div class=\"fancy-icon\">\n<figure class=\"box-icon ion-ios-play-outline\">\n<div class=\"inner-border\"><\/div>\n<\/figure>\n<div class=\"icon-label\">icon-play<\/div>\n<\/div>\n<div class=\"fancy-icon\">\n<figure class=\"box-icon ion-ios-fastforward-outline\">\n<div class=\"inner-border\"><\/div>\n<\/figure>\n<div class=\"icon-label\">icon-fastforward<\/div>\n<\/div>\n<div class=\"fancy-icon\">\n<figure class=\"box-icon ion-ios-rewind-outline\">\n<div class=\"inner-border\"><\/div>\n<\/figure>\n<div class=\"icon-label\">icon-rewind<\/div>\n<\/div>\n<div class=\"fancy-icon\">\n<figure class=\"box-icon ion-ios-shuffle\">\n<div class=\"inner-border\"><\/div>\n<\/figure>\n<div class=\"icon-label\">icon-shuffle<\/div>\n<\/div>\n<div class=\"fancy-icon\">\n<figure class=\"box-icon ion-ios-videocam-outline\">\n<div class=\"inner-border\"><\/div>\n<\/figure>\n<div class=\"icon-label\">icon-videocam<\/div>\n<\/div>\n<div class=\"fancy-icon\">\n<figure class=\"box-icon ion-ios-film-outline\">\n<div class=\"inner-border\"><\/div>\n<\/figure>\n<div class=\"icon-label\">icon-film<\/div>\n<\/div>\n<div class=\"fancy-icon\">\n<figure class=\"box-icon ion-ios-flask-outline\">\n<div class=\"inner-border\"><\/div>\n<\/figure>\n<div class=\"icon-label\">icon-flask<\/div>\n<\/div>\n<div class=\"fancy-icon\">\n<figure class=\"box-icon ion-ios-lightbulb-outline\">\n<div class=\"inner-border\"><\/div>\n<\/figure>\n<div class=\"icon-label\">icon-lightbulb<\/div>\n<\/div>\n<div class=\"fancy-icon\">\n<figure class=\"box-icon ion-ios-wineglass-outline\">\n<div class=\"inner-border\"><\/div>\n<\/figure>\n<div class=\"icon-label\">icon-wineglass<\/div>\n<\/div>\n<div class=\"fancy-icon\">\n<figure class=\"box-icon ion-ios-pint-outline\">\n<div class=\"inner-border\"><\/div>\n<\/figure>\n<div class=\"icon-label\">icon-pint<\/div>\n<\/div>\n<div class=\"fancy-icon\">\n<figure class=\"box-icon ion-ios-nutrition-outline\">\n<div class=\"inner-border\"><\/div>\n<\/figure>\n<div class=\"icon-label\">icon-nutrition<\/div>\n<\/div>\n<div class=\"fancy-icon\">\n<figure class=\"box-icon ion-ios-flower-outline\">\n<div class=\"inner-border\"><\/div>\n<\/figure>\n<div class=\"icon-label\">icon-flower<\/div>\n<\/div>\n<div class=\"fancy-icon\">\n<figure class=\"box-icon ion-ios-paw-outline\">\n<div class=\"inner-border\"><\/div>\n<\/figure>\n<div class=\"icon-label\">icon-paw<\/div>\n<\/div>\n<div class=\"fancy-icon\">\n<figure class=\"box-icon ion-ios-flame-outline\">\n<div class=\"inner-border\"><\/div>\n<\/figure>\n<div class=\"icon-label\">icon-flame<\/div>\n<\/div>\n<div class=\"fancy-icon\">\n<figure class=\"box-icon ion-ios-sunny-outline\">\n<div class=\"inner-border\"><\/div>\n<\/figure>\n<div class=\"icon-label\">icon-sunny<\/div>\n<\/div>\n<div class=\"fancy-icon\">\n<figure class=\"box-icon ion-ios-partlysunny-outline\">\n<div class=\"inner-border\"><\/div>\n<\/figure>\n<div class=\"icon-label\">icon-partlysunny<\/div>\n<\/div>\n<div class=\"fancy-icon\">\n<figure class=\"box-icon ion-ios-cloudy-outline\">\n<div class=\"inner-border\"><\/div>\n<\/figure>\n<div class=\"icon-label\">icon-cloudy<\/div>\n<\/div>\n<div class=\"fancy-icon\">\n<figure class=\"box-icon ion-ios-rainy-outline\">\n<div class=\"inner-border\"><\/div>\n<\/figure>\n<div class=\"icon-label\">icon-rainy<\/div>\n<\/div>\n<div class=\"fancy-icon\">\n<figure class=\"box-icon ion-ios-snowy\">\n<div class=\"inner-border\"><\/div>\n<\/figure>\n<div class=\"icon-label\">icon-snowy<\/div>\n<\/div>\n<div class=\"fancy-icon\">\n<figure class=\"box-icon ion-iphone\">\n<div class=\"inner-border\"><\/div>\n<\/figure>\n<div class=\"icon-label\">icon-iphone<\/div>\n<\/div>\n<div class=\"fancy-icon\">\n<figure class=\"box-icon ion-ipad\">\n<div class=\"inner-border\"><\/div>\n<\/figure>\n<div class=\"icon-label\">icon-ipad<\/div>\n<\/div>\n<div class=\"fancy-icon\">\n<figure class=\"box-icon ion-bag\">\n<div class=\"inner-border\"><\/div>\n<\/figure>\n<div class=\"icon-label\">icon-bag<\/div>\n<\/div>\n<div class=\"fancy-icon\">\n<figure class=\"box-icon ion-tshirt-outline\">\n<div class=\"inner-border\"><\/div>\n<\/figure>\n<div class=\"icon-label\">icon-tshirt<\/div>\n<\/div>\n<div class=\"fancy-icon\">\n<figure class=\"box-icon ion-social-twitter-outline\">\n<div class=\"inner-border\"><\/div>\n<\/figure>\n<div class=\"icon-label\">icon-twitter<\/div>\n<\/div>\n<div class=\"fancy-icon\">\n<figure class=\"box-icon ion-social-facebook-outline\">\n<div class=\"inner-border\"><\/div>\n<\/figure>\n<div class=\"icon-label\">icon-facebook<\/div>\n<\/div>\n<div class=\"fancy-icon\">\n<figure class=\"box-icon ion-social-googleplus-outline\">\n<div class=\"inner-border\"><\/div>\n<\/figure>\n<div class=\"icon-label\">icon-googleplus<\/div>\n<\/div>\n<div class=\"fancy-icon\">\n<figure class=\"box-icon ion-social-linkedin-outline\">\n<div class=\"inner-border\"><\/div>\n<\/figure>\n<div class=\"icon-label\">icon-linkedin<\/div>\n<\/div>\n<div class=\"fancy-icon\">\n<figure class=\"box-icon ion-social-usd-outline\">\n<div class=\"inner-border\"><\/div>\n<\/figure>\n<div class=\"icon-label\">icon-usd<\/div>\n<\/div>\n<div class=\"fancy-icon\">\n<figure class=\"box-icon ion-social-bitcoin-outline\">\n<div class=\"inner-border\"><\/div>\n<\/figure>\n<div class=\"icon-label\">icon-bitcoin<\/div>\n<\/div>\n<div class=\"fancy-icon\">\n<figure class=\"box-icon ion-social-euro-outline\">\n<div class=\"inner-border\"><\/div>\n<\/figure>\n<div class=\"icon-label\">icon-euro<\/div>\n<\/div>\n<\/div>\n\n<\/div>\n<!-- end Text Block -->\n<\/div><\/div>\n\n\t\t\t<\/div> <!-- end Container -->\n\n\t\t<\/div>\n\t\t<!-- end Stripe section -->\n","protected":false},"excerpt":{"rendered":"<p>The Fancy Icon element allows you to add a fancy graphic (with icon) to some text. See below the examples of how you can use the Fancy Icon element in the template. Fancy Icon Coaching isn&#8217;t just for [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":20,"parent":220,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/e-merald.com\/themes\/transvision-wp\/wp-json\/wp\/v2\/pages\/233"}],"collection":[{"href":"https:\/\/e-merald.com\/themes\/transvision-wp\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/e-merald.com\/themes\/transvision-wp\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/e-merald.com\/themes\/transvision-wp\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/e-merald.com\/themes\/transvision-wp\/wp-json\/wp\/v2\/comments?post=233"}],"version-history":[{"count":0,"href":"https:\/\/e-merald.com\/themes\/transvision-wp\/wp-json\/wp\/v2\/pages\/233\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/e-merald.com\/themes\/transvision-wp\/wp-json\/wp\/v2\/pages\/220"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/e-merald.com\/themes\/transvision-wp\/wp-json\/wp\/v2\/media\/20"}],"wp:attachment":[{"href":"https:\/\/e-merald.com\/themes\/transvision-wp\/wp-json\/wp\/v2\/media?parent=233"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}