use icons instead on unicode

components.html

@@ -1126,7 +1126,10 @@ document
           <div class="slide-group">
             <div class="slide">
               <img src="{{ page.base_url }}docs-assets/img/slide-1.jpg">
-              <span class="slide-text">&larr; Slide me</span>
+              <span class="slide-text">
+                <span class="icon icon-lg-left"></span>
+                Slide me
+              </span>
             </div>
             <div class="slide">
               <img src="{{ page.base_url }}docs-assets/img/slide-2.jpg">
@@ -1143,7 +1146,10 @@ document
   <div class="slide-group">
     <div class="slide">
       <img src="{{ page.base_url }}docs-assets/img/slide-1.jpg">
-      <span class="slide-text">&larr; Slide me</span>
+      <span class="slide-text">
+        <span class="icon icon-lg-left"></span>
+        Slide me
+      </span>
     </div>
     <div class="slide">
       <img src="{{ page.base_url }}docs-assets/img/slide-2.jpg">