reorganizing the icons

docs/components.html

@@ -1232,35 +1232,30 @@ window.addEventListener('push', myFunction);
 
       <div class="component-example">
         <div class="content-padded">
-          <span class="icon icon-back"></span>
+          <span class="icon icon-home"></span>
+          <span class="icon icon-person"></span>
           <span class="icon icon-bars"></span>
           <span class="icon icon-caret"></span>
           <span class="icon icon-check"></span>
           <span class="icon icon-close"></span>
           <span class="icon icon-code"></span>
           <span class="icon icon-compose"></span>
-          <span class="icon icon-down-nav"></span>
-          <span class="icon icon-down"></span>
-          <span class="icon icon-download"></span>
           <span class="icon icon-edit"></span>
-          <span class="icon icon-forward"></span>
           <span class="icon icon-gear"></span>
-          <span class="icon icon-home"></span>
           <span class="icon icon-info"></span>
-          <span class="icon icon-left-nav"></span>
-          <span class="icon icon-left"></span>
           <span class="icon icon-list"></span>
-          <span class="icon icon-more-vertical"></span>
           <span class="icon icon-more"></span>
+          <span class="icon icon-more-vertical"></span>
           <span class="icon icon-pages"></span>
-          <span class="icon icon-pause"></span>
-          <span class="icon icon-person"></span>
           <span class="icon icon-play"></span>
+          <span class="icon icon-pause"></span>
+          <span class="icon icon-stop"></span>
+          <span class="icon icon-back"></span>
+          <span class="icon icon-forward"></span>
           <span class="icon icon-plus"></span>
           <span class="icon icon-refresh"></span>
-          <span class="icon icon-right-nav"></span>
-          <span class="icon icon-right"></span>
           <span class="icon icon-search"></span>
+          <span class="icon icon-download"></span>
           <span class="icon icon-share"></span>
           <span class="icon icon-sound"></span>
           <span class="icon icon-sound2"></span>
@@ -1268,8 +1263,13 @@ window.addEventListener('push', myFunction);
           <span class="icon icon-sound4"></span>
           <span class="icon icon-star-filled"></span>
           <span class="icon icon-star"></span>
-          <span class="icon icon-stop"></span>
           <span class="icon icon-trash"></span>
+          <span class="icon icon-down-nav"></span>
+          <span class="icon icon-down"></span>
+          <span class="icon icon-left-nav"></span>
+          <span class="icon icon-left"></span>
+          <span class="icon icon-right-nav"></span>
+          <span class="icon icon-right"></span>
           <span class="icon icon-up-nav"></span>
           <span class="icon icon-up"></span>
         </div>
@@ -1277,35 +1277,30 @@ window.addEventListener('push', myFunction);
 
 {% highlight html %}
 <div class="content-padded">
-  <span class="icon icon-back"></span>
+  <span class="icon icon-home"></span>
+  <span class="icon icon-person"></span>
   <span class="icon icon-bars"></span>
   <span class="icon icon-caret"></span>
   <span class="icon icon-check"></span>
   <span class="icon icon-close"></span>
   <span class="icon icon-code"></span>
   <span class="icon icon-compose"></span>
-  <span class="icon icon-down-nav"></span>
-  <span class="icon icon-down"></span>
-  <span class="icon icon-download"></span>
   <span class="icon icon-edit"></span>
-  <span class="icon icon-forward"></span>
   <span class="icon icon-gear"></span>
-  <span class="icon icon-home"></span>
   <span class="icon icon-info"></span>
-  <span class="icon icon-left-nav"></span>
-  <span class="icon icon-left"></span>
   <span class="icon icon-list"></span>
-  <span class="icon icon-more-vertical"></span>
   <span class="icon icon-more"></span>
+  <span class="icon icon-more-vertical"></span>
   <span class="icon icon-pages"></span>
-  <span class="icon icon-pause"></span>
-  <span class="icon icon-person"></span>
   <span class="icon icon-play"></span>
+  <span class="icon icon-pause"></span>
+  <span class="icon icon-stop"></span>
+  <span class="icon icon-back"></span>
+  <span class="icon icon-forward"></span>
   <span class="icon icon-plus"></span>
   <span class="icon icon-refresh"></span>
-  <span class="icon icon-right-nav"></span>
-  <span class="icon icon-right"></span>
   <span class="icon icon-search"></span>
+  <span class="icon icon-download"></span>
   <span class="icon icon-share"></span>
   <span class="icon icon-sound"></span>
   <span class="icon icon-sound2"></span>
@@ -1313,8 +1308,13 @@ window.addEventListener('push', myFunction);
   <span class="icon icon-sound4"></span>
   <span class="icon icon-star-filled"></span>
   <span class="icon icon-star"></span>
-  <span class="icon icon-stop"></span>
   <span class="icon icon-trash"></span>
+  <span class="icon icon-down-nav"></span>
+  <span class="icon icon-down"></span>
+  <span class="icon icon-left-nav"></span>
+  <span class="icon icon-left"></span>
+  <span class="icon icon-right-nav"></span>
+  <span class="icon icon-right"></span>
   <span class="icon icon-up-nav"></span>
   <span class="icon icon-up"></span>
 </div>