sb-styleguide 0.0.9 → 1.0.0

data/app/views/base/_webfonts_ss_standard.html

@@ -0,0 +1,2413 @@
+<table cellpadding="10px" class="webfonts-example" >
+  <tr>
+    <td class='ss-icon'>
+      &#xE001;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-cursor</li>
+        <li class='unicode'>&amp;#xE001;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>cursor</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='ss-icon'>
+      &#x2316;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-crosshair</li>
+        <li class='unicode'>&amp;#x2316;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>crosshair</li>
+        <li>screenshot</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='ss-icon'>
+      &#x1F50E;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-search</li>
+        <li class='unicode'>&amp;#x1F50E;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>search</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='ss-icon'>
+      &#x1F440;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-view</li>
+        <li class='unicode'>&amp;#x1F440;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>view</li>
+        <li>eye</li>
+        <li>look</li>
+        <li>visible</li>
+        <li>visibility</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='ss-icon'>
+      &#x1F4CE;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-attach</li>
+        <li class='unicode'>&amp;#x1F4CE;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>attach</li>
+        <li>attachment</li>
+        <li>paperclip</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='ss-icon'>
+      &#x1F517;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-link</li>
+        <li class='unicode'>&amp;#x1F517;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>link</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='ss-icon'>
+      &#xE070;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-move</li>
+        <li class='unicode'>&amp;#xE070;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>move</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='ss-icon'>
+      &#x270E;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-write</li>
+        <li class='unicode'>&amp;#x270E;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>write</li>
+        <li>pencil</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='ss-icon'>
+      &#xE071;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-writingdisabled</li>
+        <li class='unicode'>&amp;#xE071;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>writingdisabled</li>
+        <li>writing disabled</li>
+        <li>pencildisabled</li>
+        <li>pencil disabled</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='ss-icon'>
+      &#x2710;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-erase</li>
+        <li class='unicode'>&amp;#x2710;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>erase</li>
+        <li>eraser</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='ss-icon'>
+      &#x1F4DD;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-compose</li>
+        <li class='unicode'>&amp;#x1F4DD;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>compose</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='ss-icon'>
+      &#x1F512;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-lock</li>
+        <li class='unicode'>&amp;#x1F512;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>lock</li>
+        <li>locked</li>
+        <li>private</li>
+        <li>secure</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='ss-icon'>
+      &#x1F513;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-unlock</li>
+        <li class='unicode'>&amp;#x1F513;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>unlock</li>
+        <li>unlocked</li>
+        <li>public</li>
+        <li>insecure</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='ss-icon'>
+      &#x1F511;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-key</li>
+        <li class='unicode'>&amp;#x1F511;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>key</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='ss-icon'>
+      &#x232B;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-backspace</li>
+        <li class='unicode'>&amp;#x232B;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>backspace</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='ss-icon'>
+      &#x1F6AB;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-ban</li>
+        <li class='unicode'>&amp;#x1F6AB;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>ban</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='ss-icon'>
+      &#xE0D0;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-trash</li>
+        <li class='unicode'>&amp;#xE0D0;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>trash</li>
+        <li>trashcan</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='ss-icon'>
+      &#x25CE;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-target</li>
+        <li class='unicode'>&amp;#x25CE;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>target</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='ss-icon'>
+      &#xE100;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-tag</li>
+        <li class='unicode'>&amp;#xE100;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>tag</li>
+        <li>tags</li>
+        <li>tagged</li>
+        <li>keyword</li>
+        <li>keywords</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='ss-icon'>
+      &#x1F516;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-bookmark</li>
+        <li class='unicode'>&amp;#x1F516;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>bookmark</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='ss-icon'>
+      &#x2691;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-flag</li>
+        <li class='unicode'>&amp;#x2691;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>flag</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='ss-icon'>
+      &#x1F44D;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-like</li>
+        <li class='unicode'>&amp;#x1F44D;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>like</li>
+        <li>approve</li>
+        <li>thumbsup</li>
+        <li>thumbs up</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='ss-icon'>
+      &#x1F44E;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-dislike</li>
+        <li class='unicode'>&amp;#x1F44E;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>dislike</li>
+        <li>disapprove</li>
+        <li>thumbsdown</li>
+        <li>thumbs down</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='ss-icon'>
+      &#x2665;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-heart</li>
+        <li class='unicode'>&amp;#x2665;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>heart</li>
+        <li>love</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='ss-icon'>
+      &#xE1A0;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-halfheart</li>
+        <li class='unicode'>&amp;#xE1A0;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>halfheart</li>
+        <li>half heart</li>
+        <li>zelda</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='ss-icon'>
+      &#x22C6;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-star</li>
+        <li class='unicode'>&amp;#x22C6;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>star</li>
+        <li>favorite</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='ss-icon'>
+      &#xE1A1;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-halfstar</li>
+        <li class='unicode'>&amp;#xE1A1;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>halfstar</li>
+        <li>half star</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='ss-icon'>
+      &#xE200;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-sample</li>
+        <li class='unicode'>&amp;#xE200;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>sample</li>
+        <li>eyedropper</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='ss-icon'>
+      &#xE201;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-crop</li>
+        <li class='unicode'>&amp;#xE201;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>crop</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='ss-icon'>
+      &#xE202;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-layers</li>
+        <li class='unicode'>&amp;#xE202;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>layers</li>
+        <li>windows</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='ss-icon'>
+      &#x1F4DE;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-phone</li>
+        <li class='unicode'>&amp;#x1F4DE;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>phone</li>
+        <li>call</li>
+        <li>telephone</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='ss-icon'>
+      &#xE300;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-phonedisabled</li>
+        <li class='unicode'>&amp;#xE300;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>phonedisabled</li>
+        <li>phone disabled</li>
+        <li>calldisabled</li>
+        <li>call disabled</li>
+        <li>endcall</li>
+        <li>end call</li>
+        <li>telephonedisabled</li>
+        <li>telephone disabled</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='ss-icon'>
+      &#xE310;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-rss</li>
+        <li class='unicode'>&amp;#xE310;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>rss</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='ss-icon'>
+      &#xE320;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-facetime</li>
+        <li class='unicode'>&amp;#xE320;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>facetime</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='ss-icon'>
+      &#x21A9;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-reply</li>
+        <li class='unicode'>&amp;#x21A9;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>reply</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='ss-icon'>
+      &#x2709;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-mail</li>
+        <li class='unicode'>&amp;#x2709;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>mail</li>
+        <li>email</li>
+        <li>envelope</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='ss-icon'>
+      &#x1F4E5;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-inbox</li>
+        <li class='unicode'>&amp;#x1F4E5;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>inbox</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='ss-icon'>
+      &#x1F4AC;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-chat</li>
+        <li class='unicode'>&amp;#x1F4AC;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>chat</li>
+        <li>comment</li>
+        <li>talk</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='ss-icon'>
+      &#x1F464;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-user</li>
+        <li class='unicode'>&amp;#x1F464;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>user</li>
+        <li>avatar</li>
+        <li>maleavatar</li>
+        <li>male avatar</li>
+        <li>maleuser</li>
+        <li>male user</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='ss-icon'>
+      &#x1F467;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-femaleuser</li>
+        <li class='unicode'>&amp;#x1F467;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>femaleuser</li>
+        <li>female user</li>
+        <li>femaleavatar</li>
+        <li>female avatar</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='ss-icon'>
+      &#xE500;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-cart</li>
+        <li class='unicode'>&amp;#xE500;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>cart</li>
+        <li>shoppingcart</li>
+        <li>shopping cart</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='ss-icon'>
+      &#x1F4B3;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-creditcard</li>
+        <li class='unicode'>&amp;#x1F4B3;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>creditcard</li>
+        <li>credit card</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='ss-icon'>
+      &#x1F4CA;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-barchart</li>
+        <li class='unicode'>&amp;#x1F4CA;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>barchart</li>
+        <li>bar chart</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='ss-icon'>
+      &#xE570;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-piechart</li>
+        <li class='unicode'>&amp;#xE570;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>piechart</li>
+        <li>pie chart</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='ss-icon'>
+      &#x1F4E6;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-box</li>
+        <li class='unicode'>&amp;#x1F4E6;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>box</li>
+        <li>package</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='ss-icon'>
+      &#x2302;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-home</li>
+        <li class='unicode'>&amp;#x2302;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>home</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='ss-icon'>
+      &#x1F30E;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-globe</li>
+        <li class='unicode'>&amp;#x1F30E;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>globe</li>
+        <li>earth</li>
+        <li>world</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='ss-icon'>
+      &#xE670;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-navigate</li>
+        <li class='unicode'>&amp;#xE670;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>navigate</li>
+        <li>navigation</li>
+        <li>locate</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='ss-icon'>
+      &#xE671;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-compass</li>
+        <li class='unicode'>&amp;#xE671;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>compass</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='ss-icon'>
+      &#xE672;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-signpost</li>
+        <li class='unicode'>&amp;#xE672;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>signpost</li>
+        <li>directions</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='ss-icon'>
+      &#xE6D0;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-location</li>
+        <li class='unicode'>&amp;#xE6D0;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>location</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='ss-icon'>
+      &#x1F4CD;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-pin</li>
+        <li class='unicode'>&amp;#x1F4CD;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>pin</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='ss-icon'>
+      &#x266B;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-music</li>
+        <li class='unicode'>&amp;#x266B;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>music</li>
+        <li>musicnote</li>
+        <li>audio</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='ss-icon'>
+      &#x1F3A4;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-mic</li>
+        <li class='unicode'>&amp;#x1F3A4;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>mic</li>
+        <li>microphone</li>
+        <li>dictate</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='ss-icon'>
+      &#x1F508;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-volume</li>
+        <li class='unicode'>&amp;#x1F508;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>volume</li>
+        <li>sound</li>
+        <li>speaker</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='ss-icon'>
+      &#x1F509;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-volumelow</li>
+        <li class='unicode'>&amp;#x1F509;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>volumelow</li>
+        <li>volume low</li>
+        <li>lowvolume</li>
+        <li>low volume</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='ss-icon'>
+      &#x1F50A;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-volumehigh</li>
+        <li class='unicode'>&amp;#x1F50A;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>volumehigh</li>
+        <li>volume high</li>
+        <li>highvolume</li>
+        <li>high volume</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='ss-icon'>
+      &#xE800;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-airplay</li>
+        <li class='unicode'>&amp;#xE800;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>airplay</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='ss-icon'>
+      &#x1F4F7;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-camera</li>
+        <li class='unicode'>&amp;#x1F4F7;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>camera</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='ss-icon'>
+      &#x1F304;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-picture</li>
+        <li class='unicode'>&amp;#x1F304;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>picture</li>
+        <li>pictures</li>
+        <li>image</li>
+        <li>images</li>
+        <li>photo</li>
+        <li>photos</li>
+        <li>photograph</li>
+        <li>photographs</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='ss-icon'>
+      &#x1F4F9;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-video</li>
+        <li class='unicode'>&amp;#x1F4F9;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>video</li>
+        <li>videos</li>
+        <li>videocamera</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='ss-icon'>
+      &#x25B6;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-play</li>
+        <li class='unicode'>&amp;#x25B6;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>play</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='ss-icon'>
+      &#xE8A0;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-pause</li>
+        <li class='unicode'>&amp;#xE8A0;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>pause</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='ss-icon'>
+      &#x25A0;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-stop</li>
+        <li class='unicode'>&amp;#x25A0;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>stop</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='ss-icon'>
+      &#x25CF;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-record</li>
+        <li class='unicode'>&amp;#x25CF;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>record</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='ss-icon'>
+      &#x23EA;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-rewind</li>
+        <li class='unicode'>&amp;#x23EA;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>rewind</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='ss-icon'>
+      &#x23E9;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-fastforward</li>
+        <li class='unicode'>&amp;#x23E9;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>fastforward</li>
+        <li>fast forward</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='ss-icon'>
+      &#x23EE;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-skipback</li>
+        <li class='unicode'>&amp;#x23EE;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>skipback</li>
+        <li>skip back</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='ss-icon'>
+      &#x23ED;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-skipforward</li>
+        <li class='unicode'>&amp;#x23ED;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>skip</li>
+        <li>skipforward</li>
+        <li>skip forward</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='ss-icon'>
+      &#x23CF;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-eject</li>
+        <li class='unicode'>&amp;#x23CF;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>eject</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='ss-icon'>
+      &#x1F501;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-repeat</li>
+        <li class='unicode'>&amp;#x1F501;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>repeat</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='ss-icon'>
+      &#x21BA;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-replay</li>
+        <li class='unicode'>&amp;#x21BA;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>replay</li>
+        <li>rotateleft</li>
+        <li>rotate left</li>
+        <li>undo</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='ss-icon'>
+      &#x1F500;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-shuffle</li>
+        <li class='unicode'>&amp;#x1F500;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>shuffle</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='ss-icon'>
+      &#x1F4D3;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-notebook</li>
+        <li class='unicode'>&amp;#x1F4D3;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>notebook</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='ss-icon'>
+      &#xE9A0;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-grid</li>
+        <li class='unicode'>&amp;#xE9A0;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>grid</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='ss-icon'>
+      &#xE9A1;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-rows</li>
+        <li class='unicode'>&amp;#xE9A1;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>rows</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='ss-icon'>
+      &#x1F4BB;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-desktop</li>
+        <li class='unicode'>&amp;#x1F4BB;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>desktop</li>
+        <li>computer</li>
+        <li>display</li>
+        <li>monitor</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='ss-icon'>
+      &#xEA00;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-laptop</li>
+        <li class='unicode'>&amp;#xEA00;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>laptop</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='ss-icon'>
+      &#xEA01;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-tablet</li>
+        <li class='unicode'>&amp;#xEA01;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>tablet</li>
+        <li>ipad</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='ss-icon'>
+      &#x1F4F1;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-cell</li>
+        <li class='unicode'>&amp;#x1F4F1;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>cell</li>
+        <li>cellphone</li>
+        <li>cell phone</li>
+        <li>iphone</li>
+        <li>mobile</li>
+        <li>mobilephone</li>
+        <li>mobile phone</li>
+        <li>smartphone</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='ss-icon'>
+      &#x1F50B;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-battery</li>
+        <li class='unicode'>&amp;#x1F50B;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>battery</li>
+        <li>batteryfull</li>
+        <li>battery full</li>
+        <li>fullbattery</li>
+        <li>full battery</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='ss-icon'>
+      &#xEA10;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-batteryhigh</li>
+        <li class='unicode'>&amp;#xEA10;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>batteryhigh</li>
+        <li>battery high</li>
+        <li>highbattery</li>
+        <li>high battery</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='ss-icon'>
+      &#xEA11;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-batterymedium</li>
+        <li class='unicode'>&amp;#xEA11;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>batterymedium</li>
+        <li>battery medium</li>
+        <li>mediumbattery</li>
+        <li>medium battery</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='ss-icon'>
+      &#xEA12;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-batterylow</li>
+        <li class='unicode'>&amp;#xEA12;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>batterylow</li>
+        <li>battery low</li>
+        <li>lowbattery</li>
+        <li>low battery</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='ss-icon'>
+      &#xEA13;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-batteryempty</li>
+        <li class='unicode'>&amp;#xEA13;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>batteryempty</li>
+        <li>battery empty</li>
+        <li>emptybattery</li>
+        <li>empty battery</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='ss-icon'>
+      &#xEB00;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-clouddownload</li>
+        <li class='unicode'>&amp;#xEB00;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>clouddownload</li>
+        <li>cloud download</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='ss-icon'>
+      &#xEB01;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-download</li>
+        <li class='unicode'>&amp;#xEB01;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>download</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='ss-icon'>
+      &#xEB40;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-cloudupload</li>
+        <li class='unicode'>&amp;#xEB40;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>cloudupload</li>
+        <li>cloud upload</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='ss-icon'>
+      &#xEB41;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-upload</li>
+        <li class='unicode'>&amp;#xEB41;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>upload</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='ss-icon'>
+      &#xEB80;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-fork</li>
+        <li class='unicode'>&amp;#xEB80;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>fork</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='ss-icon'>
+      &#xEB81;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-merge</li>
+        <li class='unicode'>&amp;#xEB81;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>merge</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='ss-icon'>
+      &#x21BB;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-refresh</li>
+        <li class='unicode'>&amp;#x21BB;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>refresh</li>
+        <li>redo</li>
+        <li>rotateright</li>
+        <li>rotate right</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='ss-icon'>
+      &#xEB82;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-sync</li>
+        <li class='unicode'>&amp;#xEB82;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>sync</li>
+        <li>syncing</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='ss-icon'>
+      &#xEB83;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-loading</li>
+        <li class='unicode'>&amp;#xEB83;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>loading</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='ss-icon'>
+      &#xEB84;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-wifi</li>
+        <li class='unicode'>&amp;#xEB84;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>wifi</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='ss-icon'>
+      &#xEB85;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-connection</li>
+        <li class='unicode'>&amp;#xEB85;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>connection</li>
+        <li>nodes</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='ss-icon'>
+      &#x1F4C4;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-file</li>
+        <li class='unicode'>&amp;#x1F4C4;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>file</li>
+        <li>document</li>
+        <li>page</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='ss-icon'>
+      &#x1F4C1;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-folder</li>
+        <li class='unicode'>&amp;#x1F4C1;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>folder</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='ss-icon'>
+      &#x201C;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-quote</li>
+        <li class='unicode'>&amp;#x201C;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>quote</li>
+        <li>pullquote</li>
+        <li>pull quote</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='ss-icon'>
+      &#xED00;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-text</li>
+        <li class='unicode'>&amp;#xED00;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>text</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='ss-icon'>
+      &#xED01;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-font</li>
+        <li class='unicode'>&amp;#xED01;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>font</li>
+        <li>typeface</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='ss-icon'>
+      &#xED50;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-list</li>
+        <li class='unicode'>&amp;#xED50;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>list</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='ss-icon'>
+      &#xEDA0;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-layout</li>
+        <li class='unicode'>&amp;#xEDA0;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>layout</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='ss-icon'>
+      &#xEE00;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-action</li>
+        <li class='unicode'>&amp;#xEE00;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>action</li>
+        <li>out</li>
+        <li>share</li>
+        <li>visit</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='ss-icon'>
+      &#x2922;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-expand</li>
+        <li class='unicode'>&amp;#x2922;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>expand</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='ss-icon'>
+      &#xEE01;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-contract</li>
+        <li class='unicode'>&amp;#xEE01;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>contract</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='ss-icon'>
+      &#x2139;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-info</li>
+        <li class='unicode'>&amp;#x2139;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>info</li>
+        <li>information</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='ss-icon'>
+      &#x26A0;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-alert</li>
+        <li class='unicode'>&amp;#x26A0;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>alert</li>
+        <li>warning</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='ss-icon'>
+      &#x26D4;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-caution</li>
+        <li class='unicode'>&amp;#x26D4;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>caution</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='ss-icon'>
+      &#x002B;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-plus</li>
+        <li class='unicode'>&amp;#x002B;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>plus</li>
+        <li>add</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='ss-icon'>
+      &#x002D;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-hyphen</li>
+        <li class='unicode'>&amp;#x002D;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>hyphen</li>
+        <li>minus</li>
+        <li>remove</li>
+        <li>subtract</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='ss-icon'>
+      &#x25BE;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-dropdown</li>
+        <li class='unicode'>&amp;#x25BE;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>dropdown</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='ss-icon'>
+      &#x2713;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-check</li>
+        <li class='unicode'>&amp;#x2713;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>check</li>
+        <li>checked</li>
+        <li>checkmark</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='ss-icon'>
+      &#x2421;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-delete</li>
+        <li class='unicode'>&amp;#x2421;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>delete</li>
+        <li>close</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='ss-icon'>
+      &#x2699;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-settings</li>
+        <li class='unicode'>&amp;#x2699;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>settings</li>
+        <li>cog</li>
+        <li>gear</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='ss-icon'>
+      &#xF000;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-dashboard</li>
+        <li class='unicode'>&amp;#xF000;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>dashboard</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='ss-icon'>
+      &#x1F514;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-notifications</li>
+        <li class='unicode'>&amp;#x1F514;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>notification</li>
+        <li>notifications</li>
+        <li>bell</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='ss-icon'>
+      &#x1F515;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-notificationsdisabled</li>
+        <li class='unicode'>&amp;#x1F515;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>notificationsdisabled</li>
+        <li>notifications disabled</li>
+        <li>notificationdisabled</li>
+        <li>notification disabled</li>
+        <li>belldisabled</li>
+        <li>bell disabled</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='ss-icon'>
+      &#x23F2;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-clock</li>
+        <li class='unicode'>&amp;#x23F2;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>clock</li>
+        <li>time</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='ss-icon'>
+      &#x23F1;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-stopwatch</li>
+        <li class='unicode'>&amp;#x23F1;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>stopwatch</li>
+        <li>timer</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='ss-icon'>
+      &#x1F4C6;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-calendar</li>
+        <li class='unicode'>&amp;#x1F4C6;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>calendar</li>
+        <li>date</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='ss-icon'>
+      &#xF070;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-calendaradd</li>
+        <li class='unicode'>&amp;#xF070;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>calendaradd</li>
+        <li>calendar add</li>
+        <li>addcalendar</li>
+        <li>add calendar</li>
+        <li>adddate</li>
+        <li>add date</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='ss-icon'>
+      &#xF071;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-calendarremove</li>
+        <li class='unicode'>&amp;#xF071;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>calendarremove</li>
+        <li>calendar remove</li>
+        <li>removecalendar</li>
+        <li>remove calendar</li>
+        <li>removedate</li>
+        <li>remove date</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='ss-icon'>
+      &#xF072;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-calendarcheck</li>
+        <li class='unicode'>&amp;#xF072;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>calendarcheck</li>
+        <li>calendar check</li>
+        <li>checkcalendar</li>
+        <li>check calendar</li>
+        <li>checkdate</li>
+        <li>check date</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='ss-icon'>
+      &#x1F4BC;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-briefcase</li>
+        <li class='unicode'>&amp;#x1F4BC;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>briefcase</li>
+        <li>work</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='ss-icon'>
+      &#x2601;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-cloud</li>
+        <li class='unicode'>&amp;#x2601;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>cloud</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='ss-icon'>
+      &#xF500;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-navigateup</li>
+        <li class='unicode'>&amp;#xF500;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>navigateup</li>
+        <li>navigate up</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='ss-icon'>
+      &#x25BB;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-navigateright</li>
+        <li class='unicode'>&amp;#x25BB;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>navigateright</li>
+        <li>navigate right</li>
+        <li>next</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='ss-icon'>
+      &#xF501;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-navigatedown</li>
+        <li class='unicode'>&amp;#xF501;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>navigatedown</li>
+        <li>navigate down</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='ss-icon'>
+      &#x25C5;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-navigateleft</li>
+        <li class='unicode'>&amp;#x25C5;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>navigateleft</li>
+        <li>navigate left</li>
+        <li>previous</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='ss-icon'>
+      &#x2B06;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-up</li>
+        <li class='unicode'>&amp;#x2B06;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>up</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='ss-icon'>
+      &#x2B08;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-upright</li>
+        <li class='unicode'>&amp;#x2B08;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>upright</li>
+        <li>up right</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='ss-icon'>
+      &#x27A1;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-right</li>
+        <li class='unicode'>&amp;#x27A1;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>right</li>
+        <li>forward</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='ss-icon'>
+      &#x2B0A;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-downright</li>
+        <li class='unicode'>&amp;#x2B0A;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>downright</li>
+        <li>down right</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='ss-icon'>
+      &#x2B07;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-down</li>
+        <li class='unicode'>&amp;#x2B07;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>down</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='ss-icon'>
+      &#x2B0B;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-downleft</li>
+        <li class='unicode'>&amp;#x2B0B;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>downleft</li>
+        <li>down left</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='ss-icon'>
+      &#x2B05;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-left</li>
+        <li class='unicode'>&amp;#x2B05;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>left</li>
+        <li>back</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='ss-icon'>
+      &#x2B09;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-upleft</li>
+        <li class='unicode'>&amp;#x2B09;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>upleft</li>
+        <li>up left</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='ss-icon'>
+      &#xF600;
+    </td>
+    <td class='encode'>
+      <ul>
+        <li class='css'>.ss-retweet</li>
+        <li class='unicode'>&amp;#xF600;</li>
+      </ul>
+    </td>
+    <td class='keyword'>
+      <ul>
+        <li>retweet</li>
+      </ul>
+    </td>
+  </tr>
+</table>