{"id":332,"date":"2015-03-25T22:56:13","date_gmt":"2015-03-25T22:56:13","guid":{"rendered":"http:\/\/razonartificial.com\/themes\/reason-wp\/?page_id=332"},"modified":"2015-03-25T22:56:13","modified_gmt":"2015-03-25T22:56:13","slug":"artificial-reason-icons","status":"publish","type":"page","link":"https:\/\/test.innovative8.uk.com\/wp3\/artificial-reason-icons\/","title":{"rendered":"Artificial Reason Icons"},"content":{"rendered":"<h2 class=\"section-title no-margin-top\">Artificial Reason Icons<\/h2>\n<div class=\"alert alert-info alert-border\">\n                <button type=\"button\" class=\"close\" data-dismiss=\"alert\" aria-hidden=\"true\">&times;<\/button><br \/>\n                <i class=\"fa fa-flag\"><\/i> You can use any icon of <strong><a href=\"icons_awesome.html\">Awesome Font<\/a><\/strong> or <strong><a href=\"icons_glyph.html\">Glyphicons<\/a><\/strong> to create Artificial Reason Icons!\n                <\/div>\n<section class=\"css-section\">\n<div class=\"row\">\n<div class=\"col-md-3 col-sm-6\">\n<h3>Normal Icons<\/h3>\n<p>                        <span class=\"icon-ar\"><i class=\"fa fa-cloud\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar\"><i class=\"fa fa-tachometer\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar\"><i class=\"fa fa-coffee\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar\"><i class=\"fa fa-globe\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar\"><i class=\"fa fa-send\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar\"><i class=\"fa fa-user\"><\/i><\/span>\n                    <\/div>\n<div class=\"col-md-3 col-sm-6\">\n<h3>Inverse Icons<\/h3>\n<p>                        <span class=\"icon-ar icon-ar-inverse\"><i class=\"fa fa-cloud\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-inverse\"><i class=\"fa fa-tachometer\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-inverse\"><i class=\"fa fa-coffee\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-inverse\"><i class=\"fa fa-globe\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-inverse\"><i class=\"fa fa-send\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-inverse\"><i class=\"fa fa-user\"><\/i><\/span>\n                    <\/div>\n<div class=\"col-md-3 col-sm-6\">\n<h3>Round Icons<\/h3>\n<p>                        <span class=\"icon-ar icon-ar-round\"><i class=\"fa fa-cloud\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-round\"><i class=\"fa fa-tachometer\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-round\"><i class=\"fa fa-coffee\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-round\"><i class=\"fa fa-globe\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-round\"><i class=\"fa fa-send\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-round\"><i class=\"fa fa-user\"><\/i><\/span>\n                    <\/div>\n<div class=\"col-md-3 col-sm-6\">\n<h3>Round Inverse<\/h3>\n<p>                        <span class=\"icon-ar icon-ar-round icon-ar-inverse\"><i class=\"fa fa-cloud\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-round icon-ar-inverse\"><i class=\"fa fa-tachometer\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-round icon-ar-inverse\"><i class=\"fa fa-coffee\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-round icon-ar-inverse\"><i class=\"fa fa-globe\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-round icon-ar-inverse\"><i class=\"fa fa-send\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-round icon-ar-inverse\"><i class=\"fa fa-user\"><\/i><\/span>\n                    <\/div>\n<\/p><\/div>\n<hr class=\"dotted\">\n<p>                <!-- Panel Code --><\/p>\n<div class=\"panel panel-default\">\n<div class=\"panel-heading panel-heading-link\">\n                        <a data-toggle=\"collapse\" data-parent=\"#accordion\" href=\"#collapse1\" class=\"collapsed\"><i class=\"fa fa-terminal\"><\/i> Show Code<\/a>\n                    <\/div>\n<div id=\"collapse1\" class=\"panel-collapse collapse\">\n<div class=\"panel-body panel-body-no-padding\">\n                            [xml]<br \/>\n&lt;span class=&quot;icon-ar&quot;&gt;&lt;i class=&quot;fa fa-cloud&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;<br \/>\n&lt;span class=&quot;icon-ar icon-ar-inverse&quot;&gt;&lt;i class=&quot;fa fa-cloud&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;<br \/>\n&lt;span class=&quot;icon-ar icon-ar-round&quot;&gt;&lt;i class=&quot;fa fa-cloud&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;<br \/>\n&lt;span class=&quot;icon-ar icon-ar-round icon-ar-inverse&quot;&gt;&lt;i class=&quot;fa fa-cloud&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;<br \/>\n                            [\/xml]\n                        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p> <!-- panel show code --><\/p>\n<div class=\"row\">\n<div class=\"col-md-3 col-sm-6\">\n<h3>Square Icons<\/h3>\n<p>                        <span class=\"icon-ar icon-ar-square\"><i class=\"fa fa-cloud\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-square\"><i class=\"fa fa-tachometer\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-square\"><i class=\"fa fa-coffee\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-square\"><i class=\"fa fa-globe\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-square\"><i class=\"fa fa-send\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-square\"><i class=\"fa fa-user\"><\/i><\/span>\n                    <\/div>\n<div class=\"col-md-3 col-sm-6\">\n<h3>Square Inverse<\/h3>\n<p>                        <span class=\"icon-ar icon-ar-square icon-ar-inverse\"><i class=\"fa fa-cloud\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-square icon-ar-inverse\"><i class=\"fa fa-tachometer\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-square icon-ar-inverse\"><i class=\"fa fa-coffee\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-square icon-ar-inverse\"><i class=\"fa fa-globe\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-square icon-ar-inverse\"><i class=\"fa fa-send\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-square icon-ar-inverse\"><i class=\"fa fa-user\"><\/i><\/span>\n                    <\/div>\n<div class=\"col-md-3 col-sm-6\">\n<h3>Circle Icons<\/h3>\n<p>                        <span class=\"icon-ar icon-ar-circle\"><i class=\"fa fa-cloud\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-circle\"><i class=\"fa fa-tachometer\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-circle\"><i class=\"fa fa-coffee\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-circle\"><i class=\"fa fa-globe\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-circle\"><i class=\"fa fa-send\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-circle\"><i class=\"fa fa-user\"><\/i><\/span>\n                    <\/div>\n<div class=\"col-md-3 col-sm-6\">\n<h3>Circle Inverse<\/h3>\n<p>                        <span class=\"icon-ar icon-ar-circle icon-ar-inverse\"><i class=\"fa fa-cloud\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-circle icon-ar-inverse\"><i class=\"fa fa-tachometer\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-circle icon-ar-inverse\"><i class=\"fa fa-coffee\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-circle icon-ar-inverse\"><i class=\"fa fa-globe\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-circle icon-ar-inverse\"><i class=\"fa fa-send\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-circle icon-ar-inverse\"><i class=\"fa fa-user\"><\/i><\/span>\n                    <\/div>\n<\/p><\/div>\n<hr class=\"dotted\">\n<p>                <!-- Panel Code --><\/p>\n<div class=\"panel panel-default\">\n<div class=\"panel-heading panel-heading-link\">\n                        <a data-toggle=\"collapse\" data-parent=\"#accordion\" href=\"#collapse2\" class=\"collapsed\"><i class=\"fa fa-terminal\"><\/i> Show Code<\/a>\n                    <\/div>\n<div id=\"collapse2\" class=\"panel-collapse collapse\">\n<div class=\"panel-body panel-body-no-padding\">\n                            [xml]<br \/>\n&lt;span class=&quot;icon-ar icon-ar-square&quot;&gt;&lt;i class=&quot;fa fa-cloud&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;<br \/>\n&lt;span class=&quot;icon-ar icon-ar-square icon-ar-inverse&quot;&gt;&lt;i class=&quot;fa fa-cloud&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;<br \/>\n&lt;span class=&quot;icon-ar icon-ar-circle&quot;&gt;&lt;i class=&quot;fa fa-cloud&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;<br \/>\n&lt;span class=&quot;icon-ar icon-ar-circle icon-ar-inverse&quot;&gt;&lt;i class=&quot;fa fa-cloud&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;<br \/>\n                            [\/xml]\n                        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p> <!-- panel show code --><\/p>\n<div class=\"row\">\n<div class=\"col-lg-5 col-md-6\">\n<h3>Small Icons<\/h3>\n<p>                        <span class=\"icon-ar icon-ar-sm icon-ar-square\"><i class=\"fa fa-cloud\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-sm icon-ar-round\"><i class=\"fa fa-tachometer\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-sm\"><i class=\"fa fa-coffee\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-sm icon-ar-circle\"><i class=\"fa fa-globe\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-inverse icon-ar-sm icon-ar-square\"><i class=\"fa fa-cloud\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-inverse icon-ar-sm icon-ar-round\"><i class=\"fa fa-tachometer\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-inverse icon-ar-sm\"><i class=\"fa fa-coffee\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-inverse icon-ar-sm icon-ar-circle\"><i class=\"fa fa-globe\"><\/i><\/span>\n                    <\/div>\n<div class=\"col-lg-7 col-md-6\">\n<h3>Large Icons<\/h3>\n<p>                        <span class=\"icon-ar icon-ar-lg icon-ar-square\"><i class=\"fa fa-cloud\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-lg icon-ar-round\"><i class=\"fa fa-tachometer\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-lg\"><i class=\"fa fa-coffee\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-lg icon-ar-circle\"><i class=\"fa fa-globe\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-inverse icon-ar-lg icon-ar-square\"><i class=\"fa fa-cloud\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-inverse icon-ar-lg icon-ar-round\"><i class=\"fa fa-tachometer\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-inverse icon-ar-lg\"><i class=\"fa fa-coffee\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-inverse icon-ar-lg icon-ar-circle\"><i class=\"fa fa-globe\"><\/i><\/span>\n                    <\/div>\n<\/p><\/div>\n<hr class=\"dotted\">\n<p>                <!-- Panel Code --><\/p>\n<div class=\"panel panel-default\">\n<div class=\"panel-heading panel-heading-link\">\n                        <a data-toggle=\"collapse\" data-parent=\"#accordion\" href=\"#collapse3\" class=\"collapsed\"><i class=\"fa fa-terminal\"><\/i> Show Code<\/a>\n                    <\/div>\n<div id=\"collapse3\" class=\"panel-collapse collapse\">\n<div class=\"panel-body panel-body-no-padding\">\n                            [xml]<br \/>\n&lt;!&#8211; Small Icons &#8211;&gt;<br \/>\n&lt;span class=&quot;icon-ar icon-ar-sm icon-ar-square&quot;&gt;&lt;i class=&quot;fa fa-cloud&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;<br \/>\n&lt;span class=&quot;icon-ar icon-ar-sm icon-ar-round&quot;&gt;&lt;i class=&quot;fa fa-tachometer&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;<br \/>\n&lt;span class=&quot;icon-ar icon-ar-sm&quot;&gt;&lt;i class=&quot;fa fa-coffee&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;<br \/>\n&lt;span class=&quot;icon-ar icon-ar-sm icon-ar-circle&quot;&gt;&lt;i class=&quot;fa fa-globe&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;<br \/>\n&lt;span class=&quot;icon-ar icon-ar-inverse icon-ar-sm icon-ar-square&quot;&gt;&lt;i class=&quot;fa fa-cloud&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;<br \/>\n&lt;span class=&quot;icon-ar icon-ar-inverse icon-ar-sm icon-ar-round&quot;&gt;&lt;i class=&quot;fa fa-tachometer&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;<br \/>\n&lt;span class=&quot;icon-ar icon-ar-inverse icon-ar-sm&quot;&gt;&lt;i class=&quot;fa fa-coffee&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;<br \/>\n&lt;span class=&quot;icon-ar icon-ar-inverse icon-ar-sm icon-ar-circle&quot;&gt;&lt;i class=&quot;fa fa-globe&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;<\/p>\n<p>&lt;!&#8211; Large Icons &#8211;&gt;<br \/>\n&lt;span class=&quot;icon-ar icon-ar-lg icon-ar-square&quot;&gt;&lt;i class=&quot;fa fa-cloud&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;<br \/>\n&lt;span class=&quot;icon-ar icon-ar-lg icon-ar-round&quot;&gt;&lt;i class=&quot;fa fa-tachometer&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;<br \/>\n&lt;span class=&quot;icon-ar icon-ar-lg&quot;&gt;&lt;i class=&quot;fa fa-coffee&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;<br \/>\n&lt;span class=&quot;icon-ar icon-ar-lg icon-ar-circle&quot;&gt;&lt;i class=&quot;fa fa-globe&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;<br \/>\n&lt;span class=&quot;icon-ar icon-ar-inverse icon-ar-lg icon-ar-square&quot;&gt;&lt;i class=&quot;fa fa-cloud&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;<br \/>\n&lt;span class=&quot;icon-ar icon-ar-inverse icon-ar-lg icon-ar-round&quot;&gt;&lt;i class=&quot;fa fa-tachometer&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;<br \/>\n&lt;span class=&quot;icon-ar icon-ar-inverse icon-ar-lg&quot;&gt;&lt;i class=&quot;fa fa-coffee&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;<br \/>\n&lt;span class=&quot;icon-ar icon-ar-inverse icon-ar-lg icon-ar-circle&quot;&gt;&lt;i class=&quot;fa fa-globe&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;<br \/>\n                            [\/xml]\n                        <\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p> <!-- panel show code --><\/p>\n<div class=\"row\">\n<div class=\"col-md-12\">\n<h3>XL Large Icons<\/h3>\n<p>                        <span class=\"icon-ar icon-ar-xl-lg icon-ar-square\"><i class=\"fa fa-cloud\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-xl-lg icon-ar-round\"><i class=\"fa fa-tachometer\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-xl-lg\"><i class=\"fa fa-coffee\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-xl-lg icon-ar-circle\"><i class=\"fa fa-globe\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-inverse icon-ar-xl-lg icon-ar-square\"><i class=\"fa fa-cloud\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-inverse icon-ar-xl-lg icon-ar-round\"><i class=\"fa fa-tachometer\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-inverse icon-ar-xl-lg\"><i class=\"fa fa-coffee\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-inverse icon-ar-xl-lg icon-ar-circle\"><i class=\"fa fa-globe\"><\/i><\/span><br \/>\n                        <br \/>\n                        <span class=\"icon-ar icon-ar-xl-lg icon-ar-square icon-ar-danger\"><i class=\"fa fa-cloud\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-xl-lg icon-ar-round icon-ar-warning\"><i class=\"fa fa-tachometer\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-xl-lg icon-ar-success\"><i class=\"fa fa-coffee\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-xl-lg icon-ar-circle icon-ar-help\"><i class=\"fa fa-globe\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-inverse icon-ar-xl-lg icon-ar-square icon-ar-info\"><i class=\"fa fa-cloud\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-inverse icon-ar-xl-lg icon-ar-round icon-ar-help\"><i class=\"fa fa-tachometer\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-inverse icon-ar-xl-lg icon-ar-warning\"><i class=\"fa fa-coffee\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-inverse icon-ar-xl-lg icon-ar-circle icon-ar-success\"><i class=\"fa fa-globe\"><\/i><\/span>\n                    <\/div>\n<\/p><\/div>\n<hr class=\"dotted\">\n<p>                <!-- Panel Code --><\/p>\n<div class=\"panel panel-default\">\n<div class=\"panel-heading panel-heading-link\">\n                        <a data-toggle=\"collapse\" data-parent=\"#accordion\" href=\"#collapse4\" class=\"collapsed\"><i class=\"fa fa-terminal\"><\/i> Show Code<\/a>\n                    <\/div>\n<div id=\"collapse4\" class=\"panel-collapse collapse\">\n<div class=\"panel-body panel-body-no-padding\">\n                            [xml]<br \/>\n&lt;span class=&quot;icon-ar icon-ar-xl-lg icon-ar-square&quot;&gt;&lt;i class=&quot;fa fa-cloud&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;<br \/>\n&lt;span class=&quot;icon-ar icon-ar-xl-lg icon-ar-round&quot;&gt;&lt;i class=&quot;fa fa-tachometer&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;<br \/>\n&lt;span class=&quot;icon-ar icon-ar-xl-lg&quot;&gt;&lt;i class=&quot;fa fa-coffee&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;<br \/>\n&lt;span class=&quot;icon-ar icon-ar-xl-lg icon-ar-circle&quot;&gt;&lt;i class=&quot;fa fa-globe&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;<br \/>\n&lt;span class=&quot;icon-ar icon-ar-inverse icon-ar-xl-lg icon-ar-square&quot;&gt;&lt;i class=&quot;fa fa-cloud&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;<br \/>\n&lt;span class=&quot;icon-ar icon-ar-inverse icon-ar-xl-lg icon-ar-round&quot;&gt;&lt;i class=&quot;fa fa-tachometer&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;<br \/>\n&lt;span class=&quot;icon-ar icon-ar-inverse icon-ar-xl-lg&quot;&gt;&lt;i class=&quot;fa fa-coffee&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;<br \/>\n&lt;span class=&quot;icon-ar icon-ar-inverse icon-ar-xl-lg icon-ar-circle&quot;&gt;&lt;i class=&quot;fa fa-globe&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;<br \/>\n&lt;span class=&quot;icon-ar icon-ar-xl-lg icon-ar-square icon-ar-danger&quot;&gt;&lt;i class=&quot;fa fa-cloud&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;<br \/>\n&lt;span class=&quot;icon-ar icon-ar-xl-lg icon-ar-round icon-ar-warning&quot;&gt;&lt;i class=&quot;fa fa-tachometer&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;<br \/>\n&lt;span class=&quot;icon-ar icon-ar-xl-lg icon-ar-success&quot;&gt;&lt;i class=&quot;fa fa-coffee&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;<br \/>\n&lt;span class=&quot;icon-ar icon-ar-xl-lg icon-ar-circle icon-ar-help&quot;&gt;&lt;i class=&quot;fa fa-globe&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;<br \/>\n&lt;span class=&quot;icon-ar icon-ar-inverse icon-ar-xl-lg icon-ar-square icon-ar-info&quot;&gt;&lt;i class=&quot;fa fa-cloud&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;<br \/>\n&lt;span class=&quot;icon-ar icon-ar-inverse icon-ar-xl-lg icon-ar-round icon-ar-help&quot;&gt;&lt;i class=&quot;fa fa-tachometer&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;<br \/>\n&lt;span class=&quot;icon-ar icon-ar-inverse icon-ar-xl-lg icon-ar-warning&quot;&gt;&lt;i class=&quot;fa fa-coffee&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;<br \/>\n&lt;span class=&quot;icon-ar icon-ar-inverse icon-ar-xl-lg icon-ar-circle icon-ar-success&quot;&gt;&lt;i class=&quot;fa fa-globe&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;<br \/>\n                            [\/xml]\n                        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p> <!-- panel show code --><\/p>\n<div class=\"row\">\n<div class=\"col-md-6\">\n<h3>Color Icons<\/h3>\n<p>                        <span class=\"icon-ar icon-ar-danger\"><i class=\"fa fa-cloud\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-warning\"><i class=\"fa fa-tachometer\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-success\"><i class=\"fa fa-coffee\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-info\"><i class=\"fa fa-globe\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-help\"><i class=\"fa fa-send\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-black\"><i class=\"fa fa-user\"><\/i><\/span><br \/>\n                        <br \/>\n                        <span class=\"icon-ar icon-ar-round icon-ar-danger\"><i class=\"fa fa-cloud\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-round icon-ar-warning\"><i class=\"fa fa-tachometer\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-round icon-ar-success\"><i class=\"fa fa-coffee\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-round icon-ar-info\"><i class=\"fa fa-globe\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-round icon-ar-help\"><i class=\"fa fa-send\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-round icon-ar-black\"><i class=\"fa fa-user\"><\/i><\/span><br \/>\n                        <br \/>\n                        <span class=\"icon-ar icon-ar-square icon-ar-danger\"><i class=\"fa fa-cloud\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-square icon-ar-warning\"><i class=\"fa fa-tachometer\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-square icon-ar-success\"><i class=\"fa fa-coffee\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-square icon-ar-info\"><i class=\"fa fa-globe\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-square icon-ar-help\"><i class=\"fa fa-send\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-square icon-ar-black\"><i class=\"fa fa-user\"><\/i><\/span><br \/>\n                        <br \/>\n                        <span class=\"icon-ar icon-ar-circle icon-ar-danger\"><i class=\"fa fa-cloud\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-circle icon-ar-warning\"><i class=\"fa fa-tachometer\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-circle icon-ar-success\"><i class=\"fa fa-coffee\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-circle icon-ar-info\"><i class=\"fa fa-globe\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-circle icon-ar-help\"><i class=\"fa fa-send\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-circle icon-ar-black\"><i class=\"fa fa-user\"><\/i><\/span>\n                    <\/div>\n<div class=\"col-md-6\">\n<h3>Inverse Color Icons<\/h3>\n<p>                        <span class=\"icon-ar icon-ar-danger icon-ar-inverse\"><i class=\"fa fa-cloud\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-warning icon-ar-inverse\"><i class=\"fa fa-tachometer\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-success icon-ar-inverse\"><i class=\"fa fa-coffee\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-info icon-ar-inverse\"><i class=\"fa fa-globe\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-help icon-ar-inverse\"><i class=\"fa fa-send\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-black icon-ar-inverse\"><i class=\"fa fa-user\"><\/i><\/span><br \/>\n                        <br \/>\n                        <span class=\"icon-ar icon-ar-round icon-ar-danger icon-ar-inverse\"><i class=\"fa fa-cloud\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-round icon-ar-warning icon-ar-inverse\"><i class=\"fa fa-tachometer\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-round icon-ar-success icon-ar-inverse\"><i class=\"fa fa-coffee\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-round icon-ar-info icon-ar-inverse\"><i class=\"fa fa-globe\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-round icon-ar-help icon-ar-inverse\"><i class=\"fa fa-send\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-round icon-ar-black icon-ar-inverse\"><i class=\"fa fa-user\"><\/i><\/span><br \/>\n                        <br \/>\n                        <span class=\"icon-ar icon-ar-square icon-ar-danger icon-ar-inverse\"><i class=\"fa fa-cloud\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-square icon-ar-warning icon-ar-inverse\"><i class=\"fa fa-tachometer\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-square icon-ar-success icon-ar-inverse\"><i class=\"fa fa-coffee\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-square icon-ar-info icon-ar-inverse\"><i class=\"fa fa-globe\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-square icon-ar-help icon-ar-inverse\"><i class=\"fa fa-send\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-square icon-ar-black icon-ar-inverse\"><i class=\"fa fa-user\"><\/i><\/span><br \/>\n                        <br \/>\n                        <span class=\"icon-ar icon-ar-circle icon-ar-danger icon-ar-inverse\"><i class=\"fa fa-cloud\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-circle icon-ar-warning icon-ar-inverse\"><i class=\"fa fa-tachometer\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-circle icon-ar-success icon-ar-inverse\"><i class=\"fa fa-coffee\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-circle icon-ar-info icon-ar-inverse\"><i class=\"fa fa-globe\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-circle icon-ar-help icon-ar-inverse\"><i class=\"fa fa-send\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-circle icon-ar-black icon-ar-inverse\"><i class=\"fa fa-user\"><\/i><\/span>\n                    <\/div>\n<\/p><\/div>\n<hr class=\"dotted\">\n<p>                <!-- Panel Code --><\/p>\n<div class=\"panel panel-default\">\n<div class=\"panel-heading panel-heading-link\">\n                        <a data-toggle=\"collapse\" data-parent=\"#accordion\" href=\"#collapse5\" class=\"collapsed\"><i class=\"fa fa-terminal\"><\/i> Show Code<\/a>\n                    <\/div>\n<div id=\"collapse5\" class=\"panel-collapse collapse\">\n<div class=\"panel-body panel-body-no-padding\">\n                            [xml]<br \/>\n&lt;span class=&quot;icon-ar icon-ar-danger&quot;&gt;&lt;i class=&quot;fa fa-cloud&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;<br \/>\n&lt;span class=&quot;icon-ar icon-ar-warning&quot;&gt;&lt;i class=&quot;fa fa-tachometer&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;<br \/>\n&lt;span class=&quot;icon-ar icon-ar-success&quot;&gt;&lt;i class=&quot;fa fa-coffee&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;<br \/>\n&lt;span class=&quot;icon-ar icon-ar-info&quot;&gt;&lt;i class=&quot;fa fa-globe&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;<br \/>\n&lt;span class=&quot;icon-ar icon-ar-help&quot;&gt;&lt;i class=&quot;fa fa-send&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;<br \/>\n&lt;span class=&quot;icon-ar icon-ar-black&quot;&gt;&lt;i class=&quot;fa fa-user&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;<\/p>\n<p>&lt;!&#8211; Inverse &#8211;&gt;<br \/>\n&lt;span class=&quot;icon-ar icon-ar-danger icon-ar-inverse&quot;&gt;&lt;i class=&quot;fa fa-cloud&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;<br \/>\n&lt;span class=&quot;icon-ar icon-ar-warning icon-ar-inverse&quot;&gt;&lt;i class=&quot;fa fa-tachometer&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;<br \/>\n&lt;span class=&quot;icon-ar icon-ar-success icon-ar-inverse&quot;&gt;&lt;i class=&quot;fa fa-coffee&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;<br \/>\n&lt;span class=&quot;icon-ar icon-ar-info icon-ar-inverse&quot;&gt;&lt;i class=&quot;fa fa-globe&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;<br \/>\n&lt;span class=&quot;icon-ar icon-ar-help icon-ar-inverse&quot;&gt;&lt;i class=&quot;fa fa-send&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;<br \/>\n&lt;span class=&quot;icon-ar icon-ar-black icon-ar-inverse&quot;&gt;&lt;i class=&quot;fa fa-user&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;<br \/>\n                            [\/xml]\n                        <\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p> <!-- panel show code --><br \/>\n            <\/section>\n<section class=\"css-section\">\n<h3>White Icons for Darks Backgrounds<\/h3>\n<div class=\"wrap-primary-color lateral-padding\">\n<div class=\"row\">\n<div class=\"col-md-3 col-sm-6\">\n<h3 class=\"no-margin-top\">Normal Icons<\/h3>\n<p>                            <span class=\"icon-ar icon-ar-white\"><i class=\"fa fa-cloud\"><\/i><\/span><br \/>\n                            <span class=\"icon-ar icon-ar-white\"><i class=\"fa fa-tachometer\"><\/i><\/span><br \/>\n                            <span class=\"icon-ar icon-ar-white\"><i class=\"fa fa-coffee\"><\/i><\/span><br \/>\n                            <span class=\"icon-ar icon-ar-white\"><i class=\"fa fa-globe\"><\/i><\/span><br \/>\n                            <span class=\"icon-ar icon-ar-white\"><i class=\"fa fa-send\"><\/i><\/span><br \/>\n                            <span class=\"icon-ar icon-ar-white\"><i class=\"fa fa-user\"><\/i><\/span>\n                        <\/div>\n<div class=\"col-md-3 col-sm-6\">\n<h3 class=\"no-margin-top\">Inverse Icons<\/h3>\n<p>                            <span class=\"icon-ar icon-ar-white icon-ar-inverse\"><i class=\"fa fa-cloud\"><\/i><\/span><br \/>\n                            <span class=\"icon-ar icon-ar-white icon-ar-inverse\"><i class=\"fa fa-tachometer\"><\/i><\/span><br \/>\n                            <span class=\"icon-ar icon-ar-white icon-ar-inverse\"><i class=\"fa fa-coffee\"><\/i><\/span><br \/>\n                            <span class=\"icon-ar icon-ar-white icon-ar-inverse\"><i class=\"fa fa-globe\"><\/i><\/span><br \/>\n                            <span class=\"icon-ar icon-ar-white icon-ar-inverse\"><i class=\"fa fa-send\"><\/i><\/span><br \/>\n                            <span class=\"icon-ar icon-ar-white icon-ar-inverse\"><i class=\"fa fa-user\"><\/i><\/span>\n                        <\/div>\n<div class=\"col-md-3 col-sm-6\">\n<h3 class=\"no-margin-top\">Round Icons<\/h3>\n<p>                            <span class=\"icon-ar icon-ar-white icon-ar-round\"><i class=\"fa fa-cloud\"><\/i><\/span><br \/>\n                            <span class=\"icon-ar icon-ar-white icon-ar-round\"><i class=\"fa fa-tachometer\"><\/i><\/span><br \/>\n                            <span class=\"icon-ar icon-ar-white icon-ar-round\"><i class=\"fa fa-coffee\"><\/i><\/span><br \/>\n                            <span class=\"icon-ar icon-ar-white icon-ar-round\"><i class=\"fa fa-globe\"><\/i><\/span><br \/>\n                            <span class=\"icon-ar icon-ar-white icon-ar-round\"><i class=\"fa fa-send\"><\/i><\/span><br \/>\n                            <span class=\"icon-ar icon-ar-white icon-ar-round\"><i class=\"fa fa-user\"><\/i><\/span>\n                        <\/div>\n<div class=\"col-md-3 col-sm-6\">\n<h3 class=\"no-margin-top\">Round Inverse<\/h3>\n<p>                            <span class=\"icon-ar icon-ar-white icon-ar-round icon-ar-inverse\"><i class=\"fa fa-cloud\"><\/i><\/span><br \/>\n                            <span class=\"icon-ar icon-ar-white icon-ar-round icon-ar-inverse\"><i class=\"fa fa-tachometer\"><\/i><\/span><br \/>\n                            <span class=\"icon-ar icon-ar-white icon-ar-round icon-ar-inverse\"><i class=\"fa fa-coffee\"><\/i><\/span><br \/>\n                            <span class=\"icon-ar icon-ar-white icon-ar-round icon-ar-inverse\"><i class=\"fa fa-globe\"><\/i><\/span><br \/>\n                            <span class=\"icon-ar icon-ar-white icon-ar-round icon-ar-inverse\"><i class=\"fa fa-send\"><\/i><\/span><br \/>\n                            <span class=\"icon-ar icon-ar-white icon-ar-round icon-ar-inverse\"><i class=\"fa fa-user\"><\/i><\/span>\n                        <\/div>\n<\/p><\/div>\n<div class=\"row\">\n<div class=\"col-md-3 col-sm-6\">\n<h3>Square Icons<\/h3>\n<p>                            <span class=\"icon-ar icon-ar-white icon-ar-square\"><i class=\"fa fa-cloud\"><\/i><\/span><br \/>\n                            <span class=\"icon-ar icon-ar-white icon-ar-square\"><i class=\"fa fa-tachometer\"><\/i><\/span><br \/>\n                            <span class=\"icon-ar icon-ar-white icon-ar-square\"><i class=\"fa fa-coffee\"><\/i><\/span><br \/>\n                            <span class=\"icon-ar icon-ar-white icon-ar-square\"><i class=\"fa fa-globe\"><\/i><\/span><br \/>\n                            <span class=\"icon-ar icon-ar-white icon-ar-square\"><i class=\"fa fa-send\"><\/i><\/span><br \/>\n                            <span class=\"icon-ar icon-ar-white icon-ar-square\"><i class=\"fa fa-user\"><\/i><\/span>\n                        <\/div>\n<div class=\"col-md-3 col-sm-6\">\n<h3>Square Inverse<\/h3>\n<p>                            <span class=\"icon-ar icon-ar-white icon-ar-square icon-ar-inverse\"><i class=\"fa fa-cloud\"><\/i><\/span><br \/>\n                            <span class=\"icon-ar icon-ar-white icon-ar-square icon-ar-inverse\"><i class=\"fa fa-tachometer\"><\/i><\/span><br \/>\n                            <span class=\"icon-ar icon-ar-white icon-ar-square icon-ar-inverse\"><i class=\"fa fa-coffee\"><\/i><\/span><br \/>\n                            <span class=\"icon-ar icon-ar-white icon-ar-square icon-ar-inverse\"><i class=\"fa fa-globe\"><\/i><\/span><br \/>\n                            <span class=\"icon-ar icon-ar-white icon-ar-square icon-ar-inverse\"><i class=\"fa fa-send\"><\/i><\/span><br \/>\n                            <span class=\"icon-ar icon-ar-white icon-ar-square icon-ar-inverse\"><i class=\"fa fa-user\"><\/i><\/span>\n                        <\/div>\n<div class=\"col-md-3 col-sm-6\">\n<h3>Circle Icons<\/h3>\n<p>                            <span class=\"icon-ar icon-ar-white icon-ar-circle\"><i class=\"fa fa-cloud\"><\/i><\/span><br \/>\n                            <span class=\"icon-ar icon-ar-white icon-ar-circle\"><i class=\"fa fa-tachometer\"><\/i><\/span><br \/>\n                            <span class=\"icon-ar icon-ar-white icon-ar-circle\"><i class=\"fa fa-coffee\"><\/i><\/span><br \/>\n                            <span class=\"icon-ar icon-ar-white icon-ar-circle\"><i class=\"fa fa-globe\"><\/i><\/span><br \/>\n                            <span class=\"icon-ar icon-ar-white icon-ar-circle\"><i class=\"fa fa-send\"><\/i><\/span><br \/>\n                            <span class=\"icon-ar icon-ar-white icon-ar-circle\"><i class=\"fa fa-user\"><\/i><\/span>\n                        <\/div>\n<div class=\"col-md-3 col-sm-6\">\n<h3>Circle Inverse<\/h3>\n<p>                            <span class=\"icon-ar icon-ar-white icon-ar-circle icon-ar-inverse\"><i class=\"fa fa-cloud\"><\/i><\/span><br \/>\n                            <span class=\"icon-ar icon-ar-white icon-ar-circle icon-ar-inverse\"><i class=\"fa fa-tachometer\"><\/i><\/span><br \/>\n                            <span class=\"icon-ar icon-ar-white icon-ar-circle icon-ar-inverse\"><i class=\"fa fa-coffee\"><\/i><\/span><br \/>\n                            <span class=\"icon-ar icon-ar-white icon-ar-circle icon-ar-inverse\"><i class=\"fa fa-globe\"><\/i><\/span><br \/>\n                            <span class=\"icon-ar icon-ar-white icon-ar-circle icon-ar-inverse\"><i class=\"fa fa-send\"><\/i><\/span><br \/>\n                            <span class=\"icon-ar icon-ar-white icon-ar-circle icon-ar-inverse\"><i class=\"fa fa-user\"><\/i><\/span>\n                        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<hr class=\"dotted\">\n<p>                <!-- Panel Code --><\/p>\n<div class=\"panel panel-default\">\n<div class=\"panel-heading panel-heading-link\">\n                        <a data-toggle=\"collapse\" data-parent=\"#accordion\" href=\"#collapse6\" class=\"collapsed\"><i class=\"fa fa-terminal\"><\/i> Show Code<\/a>\n                    <\/div>\n<div id=\"collapse6\" class=\"panel-collapse collapse\">\n<div class=\"panel-body panel-body-no-padding\">\n                            [xml]<br \/>\n&lt;span class=&quot;icon-ar icon-ar-white&quot;&gt;&lt;i class=&quot;fa fa-cloud&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;<br \/>\n&lt;span class=&quot;icon-ar icon-ar-white icon-ar-inverse&quot;&gt;&lt;i class=&quot;fa fa-cloud&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;<br \/>\n&lt;span class=&quot;icon-ar icon-ar-white icon-ar-round&quot;&gt;&lt;i class=&quot;fa fa-cloud&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;<br \/>\n&lt;span class=&quot;icon-ar icon-ar-white icon-ar-round icon-ar-inverse&quot;&gt;&lt;i class=&quot;fa fa-cloud&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;<\/p>\n<p>&lt;span class=&quot;icon-ar icon-ar-white icon-ar-square&quot;&gt;&lt;i class=&quot;fa fa-cloud&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;<br \/>\n&lt;span class=&quot;icon-ar icon-ar-white icon-ar-square icon-ar-inverse&quot;&gt;&lt;i class=&quot;fa fa-cloud&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;<br \/>\n&lt;span class=&quot;icon-ar icon-ar-white icon-ar-circle&quot;&gt;&lt;i class=&quot;fa fa-cloud&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;<br \/>\n&lt;span class=&quot;icon-ar icon-ar-white icon-ar-circle icon-ar-inverse&quot;&gt;&lt;i class=&quot;fa fa-cloud&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;<br \/>\n                            [\/xml]\n                        <\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p> <!-- panel show code --><br \/>\n            <\/section>\n<section class=\"css-section\">\n<h3>Examples Size Icons<\/h3>\n<div class=\"row\">\n<div class=\"col-md-4\">\n                        <span class=\"icon-ar icon-ar-xl-lg\"><i class=\"fa fa-coffee\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-lg\"><i class=\"fa fa-coffee\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar\"><i class=\"fa fa-coffee\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-sm\"><i class=\"fa fa-coffee\"><\/i><\/span>\n                    <\/div>\n<div class=\"col-md-4\">\n                        <span class=\"icon-ar icon-ar-inverse icon-ar-xl-lg\"><i class=\"fa fa-coffee\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-inverse icon-ar-lg\"><i class=\"fa fa-coffee\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-inverse\"><i class=\"fa fa-coffee\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-inverse icon-ar-sm\"><i class=\"fa fa-coffee\"><\/i><\/span>\n                    <\/div>\n<div class=\"col-md-4\">\n                        <span class=\"icon-ar icon-ar-circle icon-ar-xl-lg\"><i class=\"fa fa-coffee\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-circle icon-ar-lg\"><i class=\"fa fa-coffee\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-circle\"><i class=\"fa fa-coffee\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-circle icon-ar-sm\"><i class=\"fa fa-coffee\"><\/i><\/span>\n                    <\/div>\n<\/p><\/div>\n<hr>\n<p>                <!-- Panel Code --><\/p>\n<div class=\"panel panel-default\">\n<div class=\"panel-heading panel-heading-link\">\n                        <a data-toggle=\"collapse\" data-parent=\"#accordion\" href=\"#collapse7\" class=\"collapsed\"><i class=\"fa fa-terminal\"><\/i> Show Code<\/a>\n                    <\/div>\n<div id=\"collapse7\" class=\"panel-collapse collapse\">\n<div class=\"panel-body panel-body-no-padding\">\n                            [xml]<br \/>\n&lt;span class=&quot;icon-ar icon-ar-xl-lg&quot;&gt;&lt;i class=&quot;fa fa-coffee&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;<br \/>\n&lt;span class=&quot;icon-ar icon-ar-lg&quot;&gt;&lt;i class=&quot;fa fa-coffee&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;<br \/>\n&lt;span class=&quot;icon-ar&quot;&gt;&lt;i class=&quot;fa fa-coffee&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;<br \/>\n&lt;span class=&quot;icon-ar icon-ar-sm&quot;&gt;&lt;i class=&quot;fa fa-coffee&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;<\/p>\n<p>&lt;span class=&quot;icon-ar icon-ar-inverse icon-ar-xl-lg&quot;&gt;&lt;i class=&quot;fa fa-coffee&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;<br \/>\n&lt;span class=&quot;icon-ar icon-ar-inverse icon-ar-lg&quot;&gt;&lt;i class=&quot;fa fa-coffee&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;<br \/>\n&lt;span class=&quot;icon-ar icon-ar-inverse&quot;&gt;&lt;i class=&quot;fa fa-coffee&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;<br \/>\n&lt;span class=&quot;icon-ar icon-ar-inverse icon-ar-sm&quot;&gt;&lt;i class=&quot;fa fa-coffee&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;<\/p>\n<p>&lt;span class=&quot;icon-ar icon-ar-circle icon-ar-xl-lg&quot;&gt;&lt;i class=&quot;fa fa-coffee&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;<br \/>\n&lt;span class=&quot;icon-ar icon-ar-circle icon-ar-lg&quot;&gt;&lt;i class=&quot;fa fa-coffee&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;<br \/>\n&lt;span class=&quot;icon-ar icon-ar-circle&quot;&gt;&lt;i class=&quot;fa fa-coffee&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;<br \/>\n&lt;span class=&quot;icon-ar icon-ar-circle icon-ar-sm&quot;&gt;&lt;i class=&quot;fa fa-coffee&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;<br \/>\n                            [\/xml]\n                        <\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p> <!-- panel show code --><br \/>\n            <\/section>\n","protected":false},"excerpt":{"rendered":"<p>Artificial Reason Icons &times; You can use any icon of Awesome Font or Glyphicons to create Artificial Reason Icons! Normal Icons Inverse Icons Round Icons Round Inverse Show Code [xml] &lt;span class=&quot;icon-ar&quot;&gt;&lt;i class=&quot;fa fa-cloud&quot;&gt;&lt;\/i&gt;&lt;\/span&gt; &lt;span class=&quot;icon-ar icon-ar-inverse&quot;&gt;&lt;i class=&quot;fa fa-cloud&quot;&gt;&lt;\/i&gt;&lt;\/span&gt; &lt;span class=&quot;icon-ar icon-ar-round&quot;&gt;&lt;i class=&quot;fa fa-cloud&quot;&gt;&lt;\/i&gt;&lt;\/span&gt; &lt;span class=&quot;icon-ar icon-ar-round icon-ar-inverse&quot;&gt;&lt;i class=&quot;fa fa-cloud&quot;&gt;&lt;\/i&gt;&lt;\/span&gt; [\/xml] Square Icons Square Inverse Circle Icons Circle Inverse Show Code [xml] &lt;span class=&quot;icon-ar icon-ar-square&quot;&gt;&lt;i class=&quot;fa fa-cloud&quot;&gt;&lt;\/i&gt;&lt;\/span&gt; &lt;span class=&quot;icon-ar icon-ar-square icon-ar-inverse&quot;&gt;&lt;i class=&quot;fa fa-cloud&quot;&gt;&lt;\/i&gt;&lt;\/span&gt; &lt;span class=&quot;icon-ar icon-ar-circle&quot;&gt;&lt;i class=&quot;fa fa-cloud&quot;&gt;&lt;\/i&gt;&lt;\/span&gt; &lt;span class=&quot;icon-ar icon-ar-circle icon-ar-inverse&quot;&gt;&lt;i class=&quot;fa fa-cloud&quot;&gt;&lt;\/i&gt;&lt;\/span&gt; [\/xml] Small Icons Large Icons Show Code [xml] &lt;!&#8211; Small Icons &#8211;&gt; &lt;span class=&quot;icon-ar icon-ar-sm icon-ar-square&quot;&gt;&lt;i class=&quot;fa fa-cloud&quot;&gt;&lt;\/i&gt;&lt;\/span&gt; &lt;span class=&quot;icon-ar icon-ar-sm icon-ar-round&quot;&gt;&lt;i class=&quot;fa fa-tachometer&quot;&gt;&lt;\/i&gt;&lt;\/span&gt; &lt;span class=&quot;icon-ar icon-ar-sm&quot;&gt;&lt;i class=&quot;fa fa-coffee&quot;&gt;&lt;\/i&gt;&lt;\/span&gt; &lt;span class=&quot;icon-ar icon-ar-sm icon-ar-circle&quot;&gt;&lt;i class=&quot;fa fa-globe&quot;&gt;&lt;\/i&gt;&lt;\/span&gt; &lt;span class=&quot;icon-ar icon-ar-inverse icon-ar-sm icon-ar-square&quot;&gt;&lt;i class=&quot;fa fa-cloud&quot;&gt;&lt;\/i&gt;&lt;\/span&gt; &lt;span class=&quot;icon-ar icon-ar-inverse icon-ar-sm icon-ar-round&quot;&gt;&lt;i class=&quot;fa fa-tachometer&quot;&gt;&lt;\/i&gt;&lt;\/span&gt; &lt;span class=&quot;icon-ar icon-ar-inverse icon-ar-sm&quot;&gt;&lt;i class=&quot;fa fa-coffee&quot;&gt;&lt;\/i&gt;&lt;\/span&gt; &lt;span class=&quot;icon-ar icon-ar-inverse icon-ar-sm icon-ar-circle&quot;&gt;&lt;i class=&quot;fa fa-globe&quot;&gt;&lt;\/i&gt;&lt;\/span&gt; &lt;!&#8211; Large Icons &#8211;&gt; &lt;span class=&quot;icon-ar icon-ar-lg icon-ar-square&quot;&gt;&lt;i class=&quot;fa fa-cloud&quot;&gt;&lt;\/i&gt;&lt;\/span&gt; &lt;span class=&quot;icon-ar icon-ar-lg icon-ar-round&quot;&gt;&lt;i class=&quot;fa fa-tachometer&quot;&gt;&lt;\/i&gt;&lt;\/span&gt; &lt;span class=&quot;icon-ar icon-ar-lg&quot;&gt;&lt;i class=&quot;fa fa-coffee&quot;&gt;&lt;\/i&gt;&lt;\/span&gt; &lt;span class=&quot;icon-ar icon-ar-lg icon-ar-circle&quot;&gt;&lt;i class=&quot;fa fa-globe&quot;&gt;&lt;\/i&gt;&lt;\/span&gt; &lt;span class=&quot;icon-ar icon-ar-inverse icon-ar-lg icon-ar-square&quot;&gt;&lt;i class=&quot;fa fa-cloud&quot;&gt;&lt;\/i&gt;&lt;\/span&gt; &lt;span class=&quot;icon-ar icon-ar-inverse icon-ar-lg icon-ar-round&quot;&gt;&lt;i class=&quot;fa fa-tachometer&quot;&gt;&lt;\/i&gt;&lt;\/span&gt; &lt;span class=&quot;icon-ar icon-ar-inverse icon-ar-lg&quot;&gt;&lt;i class=&quot;fa fa-coffee&quot;&gt;&lt;\/i&gt;&lt;\/span&gt; &lt;span class=&quot;icon-ar icon-ar-inverse icon-ar-lg icon-ar-circle&quot;&gt;&lt;i class=&quot;fa fa-globe&quot;&gt;&lt;\/i&gt;&lt;\/span&gt; [\/xml] XL Large Icons Show Code [xml] &lt;span class=&quot;icon-ar icon-ar-xl-lg icon-ar-square&quot;&gt;&lt;i class=&quot;fa fa-cloud&quot;&gt;&lt;\/i&gt;&lt;\/span&gt; &lt;span class=&quot;icon-ar icon-ar-xl-lg icon-ar-round&quot;&gt;&lt;i class=&quot;fa fa-tachometer&quot;&gt;&lt;\/i&gt;&lt;\/span&gt; &lt;span class=&quot;icon-ar icon-ar-xl-lg&quot;&gt;&lt;i class=&quot;fa fa-coffee&quot;&gt;&lt;\/i&gt;&lt;\/span&gt; &lt;span class=&quot;icon-ar icon-ar-xl-lg icon-ar-circle&quot;&gt;&lt;i class=&quot;fa fa-globe&quot;&gt;&lt;\/i&gt;&lt;\/span&gt; &lt;span class=&quot;icon-ar icon-ar-inverse icon-ar-xl-lg icon-ar-square&quot;&gt;&lt;i class=&quot;fa fa-cloud&quot;&gt;&lt;\/i&gt;&lt;\/span&gt; &lt;span class=&quot;icon-ar icon-ar-inverse icon-ar-xl-lg icon-ar-round&quot;&gt;&lt;i class=&quot;fa fa-tachometer&quot;&gt;&lt;\/i&gt;&lt;\/span&gt; &lt;span class=&quot;icon-ar icon-ar-inverse icon-ar-xl-lg&quot;&gt;&lt;i class=&quot;fa fa-coffee&quot;&gt;&lt;\/i&gt;&lt;\/span&gt; &lt;span class=&quot;icon-ar icon-ar-inverse icon-ar-xl-lg icon-ar-circle&quot;&gt;&lt;i class=&quot;fa fa-globe&quot;&gt;&lt;\/i&gt;&lt;\/span&gt; &lt;span class=&quot;icon-ar icon-ar-xl-lg icon-ar-square icon-ar-danger&quot;&gt;&lt;i class=&quot;fa fa-cloud&quot;&gt;&lt;\/i&gt;&lt;\/span&gt; &lt;span class=&quot;icon-ar icon-ar-xl-lg icon-ar-round icon-ar-warning&quot;&gt;&lt;i class=&quot;fa fa-tachometer&quot;&gt;&lt;\/i&gt;&lt;\/span&gt; &lt;span class=&quot;icon-ar icon-ar-xl-lg icon-ar-success&quot;&gt;&lt;i class=&quot;fa fa-coffee&quot;&gt;&lt;\/i&gt;&lt;\/span&gt; &lt;span class=&quot;icon-ar icon-ar-xl-lg icon-ar-circle icon-ar-help&quot;&gt;&lt;i class=&quot;fa fa-globe&quot;&gt;&lt;\/i&gt;&lt;\/span&gt; &lt;span class=&quot;icon-ar icon-ar-inverse icon-ar-xl-lg icon-ar-square icon-ar-info&quot;&gt;&lt;i class=&quot;fa fa-cloud&quot;&gt;&lt;\/i&gt;&lt;\/span&gt; &lt;span class=&quot;icon-ar icon-ar-inverse icon-ar-xl-lg icon-ar-round icon-ar-help&quot;&gt;&lt;i class=&quot;fa fa-tachometer&quot;&gt;&lt;\/i&gt;&lt;\/span&gt; &lt;span class=&quot;icon-ar icon-ar-inverse icon-ar-xl-lg icon-ar-warning&quot;&gt;&lt;i class=&quot;fa fa-coffee&quot;&gt;&lt;\/i&gt;&lt;\/span&gt; &lt;span class=&quot;icon-ar icon-ar-inverse icon-ar-xl-lg icon-ar-circle icon-ar-success&quot;&gt;&lt;i class=&quot;fa fa-globe&quot;&gt;&lt;\/i&gt;&lt;\/span&gt; [\/xml] Color Icons Inverse Color Icons Show Code [xml] &lt;span class=&quot;icon-ar icon-ar-danger&quot;&gt;&lt;i class=&quot;fa fa-cloud&quot;&gt;&lt;\/i&gt;&lt;\/span&gt; &lt;span class=&quot;icon-ar icon-ar-warning&quot;&gt;&lt;i class=&quot;fa fa-tachometer&quot;&gt;&lt;\/i&gt;&lt;\/span&gt; &lt;span class=&quot;icon-ar icon-ar-success&quot;&gt;&lt;i class=&quot;fa fa-coffee&quot;&gt;&lt;\/i&gt;&lt;\/span&gt; &lt;span class=&quot;icon-ar icon-ar-info&quot;&gt;&lt;i class=&quot;fa fa-globe&quot;&gt;&lt;\/i&gt;&lt;\/span&gt; &lt;span class=&quot;icon-ar icon-ar-help&quot;&gt;&lt;i class=&quot;fa fa-send&quot;&gt;&lt;\/i&gt;&lt;\/span&gt; &lt;span class=&quot;icon-ar icon-ar-black&quot;&gt;&lt;i class=&quot;fa fa-user&quot;&gt;&lt;\/i&gt;&lt;\/span&gt; &lt;!&#8211; Inverse &#8211;&gt; &lt;span class=&quot;icon-ar icon-ar-danger icon-ar-inverse&quot;&gt;&lt;i class=&quot;fa fa-cloud&quot;&gt;&lt;\/i&gt;&lt;\/span&gt; &lt;span class=&quot;icon-ar icon-ar-warning icon-ar-inverse&quot;&gt;&lt;i class=&quot;fa fa-tachometer&quot;&gt;&lt;\/i&gt;&lt;\/span&gt; &lt;span class=&quot;icon-ar icon-ar-success icon-ar-inverse&quot;&gt;&lt;i class=&quot;fa fa-coffee&quot;&gt;&lt;\/i&gt;&lt;\/span&gt; &lt;span class=&quot;icon-ar icon-ar-info icon-ar-inverse&quot;&gt;&lt;i class=&quot;fa fa-globe&quot;&gt;&lt;\/i&gt;&lt;\/span&gt; &lt;span class=&quot;icon-ar icon-ar-help icon-ar-inverse&quot;&gt;&lt;i class=&quot;fa fa-send&quot;&gt;&lt;\/i&gt;&lt;\/span&gt; &lt;span class=&quot;icon-ar icon-ar-black icon-ar-inverse&quot;&gt;&lt;i class=&quot;fa fa-user&quot;&gt;&lt;\/i&gt;&lt;\/span&gt; [\/xml] White Icons for Darks Backgrounds Normal Icons Inverse Icons Round Icons Round Inverse Square Icons Square Inverse Circle Icons Circle Inverse Show Code [xml] &lt;span class=&quot;icon-ar icon-ar-white&quot;&gt;&lt;i class=&quot;fa fa-cloud&quot;&gt;&lt;\/i&gt;&lt;\/span&gt; &lt;span class=&quot;icon-ar icon-ar-white icon-ar-inverse&quot;&gt;&lt;i class=&quot;fa fa-cloud&quot;&gt;&lt;\/i&gt;&lt;\/span&gt; &lt;span class=&quot;icon-ar icon-ar-white icon-ar-round&quot;&gt;&lt;i class=&quot;fa fa-cloud&quot;&gt;&lt;\/i&gt;&lt;\/span&gt; &lt;span class=&quot;icon-ar icon-ar-white icon-ar-round icon-ar-inverse&quot;&gt;&lt;i class=&quot;fa fa-cloud&quot;&gt;&lt;\/i&gt;&lt;\/span&gt; &lt;span class=&quot;icon-ar icon-ar-white icon-ar-square&quot;&gt;&lt;i class=&quot;fa fa-cloud&quot;&gt;&lt;\/i&gt;&lt;\/span&gt; &lt;span class=&quot;icon-ar icon-ar-white icon-ar-square icon-ar-inverse&quot;&gt;&lt;i class=&quot;fa fa-cloud&quot;&gt;&lt;\/i&gt;&lt;\/span&gt; &lt;span class=&quot;icon-ar icon-ar-white icon-ar-circle&quot;&gt;&lt;i class=&quot;fa fa-cloud&quot;&gt;&lt;\/i&gt;&lt;\/span&gt; &lt;span class=&quot;icon-ar icon-ar-white icon-ar-circle icon-ar-inverse&quot;&gt;&lt;i class=&quot;fa fa-cloud&quot;&gt;&lt;\/i&gt;&lt;\/span&gt; [\/xml] Examples Size Icons Show Code [xml] &lt;span class=&quot;icon-ar icon-ar-xl-lg&quot;&gt;&lt;i class=&quot;fa fa-coffee&quot;&gt;&lt;\/i&gt;&lt;\/span&gt; &lt;span class=&quot;icon-ar icon-ar-lg&quot;&gt;&lt;i class=&quot;fa fa-coffee&quot;&gt;&lt;\/i&gt;&lt;\/span&gt; &lt;span class=&quot;icon-ar&quot;&gt;&lt;i class=&quot;fa fa-coffee&quot;&gt;&lt;\/i&gt;&lt;\/span&gt; &lt;span class=&quot;icon-ar icon-ar-sm&quot;&gt;&lt;i class=&quot;fa fa-coffee&quot;&gt;&lt;\/i&gt;&lt;\/span&gt; &lt;span class=&quot;icon-ar icon-ar-inverse icon-ar-xl-lg&quot;&gt;&lt;i class=&quot;fa fa-coffee&quot;&gt;&lt;\/i&gt;&lt;\/span&gt; [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"open","template":"page-left-menu.php","meta":{"footnotes":""},"class_list":["post-332","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/test.innovative8.uk.com\/wp3\/wp-json\/wp\/v2\/pages\/332","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/test.innovative8.uk.com\/wp3\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/test.innovative8.uk.com\/wp3\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/test.innovative8.uk.com\/wp3\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/test.innovative8.uk.com\/wp3\/wp-json\/wp\/v2\/comments?post=332"}],"version-history":[{"count":0,"href":"https:\/\/test.innovative8.uk.com\/wp3\/wp-json\/wp\/v2\/pages\/332\/revisions"}],"wp:attachment":[{"href":"https:\/\/test.innovative8.uk.com\/wp3\/wp-json\/wp\/v2\/media?parent=332"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}