diff --git a/assets_site/partials/fonts/fonts-v1_3.html b/assets_site/partials/fonts/fonts-v1_3.html
index 885e9edb6c8af920caacc16f6e47a434e0035512..e7b83cc9e8a684acc43634750ae1076886804551 100644
--- a/assets_site/partials/fonts/fonts-v1_3.html
+++ b/assets_site/partials/fonts/fonts-v1_3.html
@@ -1,3 +1,8 @@
+<!--
+  <link rel="stylesheet" href="https://dev.ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/css/ebi-global.css" type="text/css" media="all" />
+  <link rel="stylesheet" href="fonts.css" type="text/css" media="all" />
+-->
+
 <!-- Generate a partial to be consumed by EBI Style Lab -->
 <h3 class="padding-top-xlarge"><i class="icon icon-common" data-icon="&#xb;"></i> The gallery</h3>
 <div class="" id="thegallery">
@@ -11,6 +16,8 @@
           </div>
         </div>
         <li><a href="#EBI-Common"><i class="icon icon-common" data-icon="&#x13d;"></i> EBI-Common</a></li>
+        <li><a href="#EBI-Generic"><i class="icon icon-common" data-icon="&#x13d;"></i> EBI-Generic</a></li>
+        <li><a href="#EBI-Functional"><i class="icon icon-common" data-icon="&#x13d;"></i> EBI-Functional</a></li>
         <li><a href="#EBI-Chemistry"><i class="icon icon-common" data-icon="&#x13d;"></i> EBI-Chemistry</a></li>
         <li><a href="#EBI-Conceptual"><i class="icon icon-common" data-icon="&#x13d;"></i> EBI-Conceptual</a></li>
         <li><a href="#EBI-FileFormats"><i class="icon icon-common" data-icon="&#x13d;"></i> EBI-FileFormats</a></li>
@@ -23,11823 +30,14491 @@
   <!-- This will be embeded into a master preview at http://www.ebi.ac.uk/style-lab/ -->
   <h3 class="clear padding-top-xlarge row padding-left-xlarge" id="EBI-Common" data-magellan-target="EBI-Common">EBI-Common </h3>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x2b9"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x2b9"></span>Address book
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf2b9"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf2b9"></span>Address book
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-address-book"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-address-book"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x2b9;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf2b9;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x2b9</span>
+        <span class="kbd">&#xf2b9</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x2bb"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x2bb"></span>Address card
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf2bb"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf2bb"></span>Address card
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-address-card"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-address-card"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x2bb;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf2bb;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x2bb</span>
+        <span class="kbd">&#xf2bb</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf101"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#xf101"></span>Adjust
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf042"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf042"></span>Adjust
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-adjust"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-adjust"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf101;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf042;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#xf101</span>
+        <span class="kbd">&#xf042</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf102"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#xf102"></span>Align center
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf037"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf037"></span>Align center
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-align-center"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-align-center"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf102;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf037;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#xf102</span>
+        <span class="kbd">&#xf037</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf103"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#xf103"></span>Align justify
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf039"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf039"></span>Align justify
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-align-justify"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-align-justify"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf103;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf039;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#xf103</span>
+        <span class="kbd">&#xf039</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf104"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#xf104"></span>Align left
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf036"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf036"></span>Align left
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-align-left"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-align-left"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf104;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf036;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#xf104</span>
+        <span class="kbd">&#xf036</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf105"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#xf105"></span>Align right
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf038"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf038"></span>Align right
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-align-right"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-align-right"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf105;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf038;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#xf105</span>
+        <span class="kbd">&#xf038</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf9"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#xf9"></span>Ambulance
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf0f9"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf0f9"></span>Ambulance
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-ambulance"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-ambulance"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf9;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf0f9;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#xf9</span>
+        <span class="kbd">&#xf0f9</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x2a3"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x2a3"></span>American sign language interpreting
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf2a3"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf2a3"></span>American sign language interpreting
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-american-sign-language-interpreting"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-american-sign-language-interpreting"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x2a3;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf2a3;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x2a3</span>
+        <span class="kbd">&#xf2a3</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x13d"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x13d"></span>Anchor
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf13d"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf13d"></span>Anchor
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-anchor"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-anchor"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x13d;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf13d;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x13d</span>
+        <span class="kbd">&#xf13d</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x103"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x103"></span>Angle double down
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf103"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf103"></span>Angle double down
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-angle-double-down"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-angle-double-down"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x103;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf103;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x103</span>
+        <span class="kbd">&#xf103</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x100"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x100"></span>Angle double left
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf100"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf100"></span>Angle double left
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-angle-double-left"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-angle-double-left"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x100;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf100;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x100</span>
+        <span class="kbd">&#xf100</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x101"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x101"></span>Angle double right
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf101"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf101"></span>Angle double right
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-angle-double-right"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-angle-double-right"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x101;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf101;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x101</span>
+        <span class="kbd">&#xf101</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x102"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x102"></span>Angle double up
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf102"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf102"></span>Angle double up
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-angle-double-up"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-angle-double-up"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x102;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf102;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x102</span>
+        <span class="kbd">&#xf102</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x107"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x107"></span>Angle down
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf107"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf107"></span>Angle down
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-angle-down"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-angle-down"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x107;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf107;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x107</span>
+        <span class="kbd">&#xf107</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x104"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x104"></span>Angle left
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf104"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf104"></span>Angle left
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-angle-left"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-angle-left"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x104;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf104;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x104</span>
+        <span class="kbd">&#xf104</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x105"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x105"></span>Angle right
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf105"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf105"></span>Angle right
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-angle-right"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-angle-right"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x105;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf105;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x105</span>
+        <span class="kbd">&#xf105</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x106"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x106"></span>Angle up
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf106"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf106"></span>Angle up
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-angle-up"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-angle-up"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x106;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf106;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x106</span>
+        <span class="kbd">&#xf106</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x187"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x187"></span>Archive
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf187"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf187"></span>Archive
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-archive"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-archive"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x187;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf187;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x187</span>
+        <span class="kbd">&#xf187</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x358"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x358"></span>Arrow alt circle down
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf358"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf358"></span>Arrow alt circle down
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-arrow-alt-circle-down"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-arrow-alt-circle-down"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x358;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf358;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x358</span>
+        <span class="kbd">&#xf358</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x359"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x359"></span>Arrow alt circle left
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf359"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf359"></span>Arrow alt circle left
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-arrow-alt-circle-left"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-arrow-alt-circle-left"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x359;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf359;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x359</span>
+        <span class="kbd">&#xf359</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x35a"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x35a"></span>Arrow alt circle right
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf35a"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf35a"></span>Arrow alt circle right
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-arrow-alt-circle-right"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-arrow-alt-circle-right"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x35a;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf35a;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x35a</span>
+        <span class="kbd">&#xf35a</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x35b"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x35b"></span>Arrow alt circle up
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf35b"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf35b"></span>Arrow alt circle up
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-arrow-alt-circle-up"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-arrow-alt-circle-up"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x35b;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf35b;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x35b</span>
+        <span class="kbd">&#xf35b</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xab"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#xab"></span>Arrow circle down
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf0ab"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf0ab"></span>Arrow circle down
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-arrow-circle-down"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-arrow-circle-down"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xab;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf0ab;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#xab</span>
+        <span class="kbd">&#xf0ab</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xa8"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#xa8"></span>Arrow circle left
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf0a8"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf0a8"></span>Arrow circle left
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-arrow-circle-left"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-arrow-circle-left"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xa8;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf0a8;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#xa8</span>
+        <span class="kbd">&#xf0a8</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xa9"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#xa9"></span>Arrow circle right
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf0a9"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf0a9"></span>Arrow circle right
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-arrow-circle-right"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-arrow-circle-right"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xa9;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf0a9;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#xa9</span>
+        <span class="kbd">&#xf0a9</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xaa"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#xaa"></span>Arrow circle up
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf0aa"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf0aa"></span>Arrow circle up
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-arrow-circle-up"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-arrow-circle-up"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xaa;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf0aa;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#xaa</span>
+        <span class="kbd">&#xf0aa</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x63"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x63"></span>Arrow down
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf063"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf063"></span>Arrow down
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-arrow-down"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-arrow-down"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x63;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf063;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x63</span>
+        <span class="kbd">&#xf063</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x60"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x60"></span>Arrow left
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf060"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf060"></span>Arrow left
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-arrow-left"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-arrow-left"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x60;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf060;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x60</span>
+        <span class="kbd">&#xf060</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf106"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#xf106"></span>Arrow right
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf061"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf061"></span>Arrow right
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-arrow-right"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-arrow-right"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf106;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf061;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#xf106</span>
+        <span class="kbd">&#xf061</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf107"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#xf107"></span>Arrow up
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf062"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf062"></span>Arrow up
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-arrow-up"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-arrow-up"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf107;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf062;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#xf107</span>
+        <span class="kbd">&#xf062</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xb2"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#xb2"></span>Arrows alt h
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf337"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf337"></span>Arrows alt h
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-arrows-alt-h"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-arrows-alt-h"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xb2;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf337;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#xb2</span>
+        <span class="kbd">&#xf337</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x337"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x337"></span>Arrows alt v
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf338"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf338"></span>Arrows alt v
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-arrows-alt-v"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-arrows-alt-v"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x337;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf338;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x337</span>
+        <span class="kbd">&#xf338</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x338"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x338"></span>Arrows alt
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf0b2"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf0b2"></span>Arrows alt
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-arrows-alt"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-arrows-alt"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x338;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf0b2;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x338</span>
+        <span class="kbd">&#xf0b2</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x2a2"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x2a2"></span>Assistive listening systems
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf2a2"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf2a2"></span>Assistive listening systems
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-assistive-listening-systems"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-assistive-listening-systems"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x2a2;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf2a2;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x2a2</span>
+        <span class="kbd">&#xf2a2</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf108"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#xf108"></span>Asterisk
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf069"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf069"></span>Asterisk
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-asterisk"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-asterisk"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf108;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf069;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#xf108</span>
+        <span class="kbd">&#xf069</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1fa"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x1fa"></span>At
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf1fa"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf1fa"></span>At
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-at"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-at"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1fa;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf1fa;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x1fa</span>
+        <span class="kbd">&#xf1fa</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x29e"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x29e"></span>Audio description
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf29e"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf29e"></span>Audio description
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-audio-description"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-audio-description"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x29e;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf29e;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x29e</span>
+        <span class="kbd">&#xf29e</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x4a"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x4a"></span>Backward
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf04a"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf04a"></span>Backward
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-backward"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-backward"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x4a;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf04a;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x4a</span>
+        <span class="kbd">&#xf04a</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x24e"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x24e"></span>Balance scale
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf24e"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf24e"></span>Balance scale
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-balance-scale"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-balance-scale"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x24e;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf24e;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x24e</span>
+        <span class="kbd">&#xf24e</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x5e"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x5e"></span>Ban
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf05e"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf05e"></span>Ban
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-ban"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-ban"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x5e;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf05e;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x5e</span>
+        <span class="kbd">&#xf05e</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf109"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#xf109"></span>Barcode
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf02a"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf02a"></span>Barcode
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-barcode"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-barcode"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf109;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf02a;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#xf109</span>
+        <span class="kbd">&#xf02a</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xc9"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#xc9"></span>Bars
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf0c9"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf0c9"></span>Bars
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-bars"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-bars"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xc9;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf0c9;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#xc9</span>
+        <span class="kbd">&#xf0c9</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x433"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x433"></span>Baseball ball
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf433"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf433"></span>Baseball ball
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-baseball-ball"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-baseball-ball"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x433;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf433;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x433</span>
+        <span class="kbd">&#xf433</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x434"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x434"></span>Basketball ball
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf434"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf434"></span>Basketball ball
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-basketball-ball"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-basketball-ball"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x434;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf434;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x434</span>
+        <span class="kbd">&#xf434</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x2cd"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x2cd"></span>Bath
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf2cd"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf2cd"></span>Bath
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-bath"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-bath"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x2cd;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf2cd;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x2cd</span>
+        <span class="kbd">&#xf2cd</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x244"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x244"></span>Battery empty
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf244"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf244"></span>Battery empty
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-battery-empty"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-battery-empty"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x244;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf244;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x244</span>
+        <span class="kbd">&#xf244</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x240"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x240"></span>Battery full
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf240"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf240"></span>Battery full
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-battery-full"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-battery-full"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x240;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf240;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x240</span>
+        <span class="kbd">&#xf240</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x242"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x242"></span>Battery half
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf242"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf242"></span>Battery half
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-battery-half"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-battery-half"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x242;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf242;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x242</span>
+        <span class="kbd">&#xf242</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x243"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x243"></span>Battery quarter
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf243"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf243"></span>Battery quarter
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-battery-quarter"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-battery-quarter"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x243;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf243;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x243</span>
+        <span class="kbd">&#xf243</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x241"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x241"></span>Battery three quarters
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf241"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf241"></span>Battery three quarters
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-battery-three-quarters"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-battery-three-quarters"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x241;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf241;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x241</span>
+        <span class="kbd">&#xf241</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x236"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x236"></span>Bed
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf236"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf236"></span>Bed
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-bed"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-bed"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x236;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf236;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x236</span>
+        <span class="kbd">&#xf236</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xfc"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#xfc"></span>Beer
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf0fc"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf0fc"></span>Beer
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-beer"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-beer"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xfc;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf0fc;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#xfc</span>
+        <span class="kbd">&#xf0fc</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf3"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#xf3"></span>Bell slash
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf1f6"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf1f6"></span>Bell slash
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-bell-slash"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-bell-slash"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf3;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf1f6;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#xf3</span>
+        <span class="kbd">&#xf1f6</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1f6"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x1f6"></span>Bell
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf0f3"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf0f3"></span>Bell
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-bell"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-bell"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1f6;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf0f3;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x1f6</span>
+        <span class="kbd">&#xf0f3</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x206"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x206"></span>Bicycle
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf206"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf206"></span>Bicycle
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-bicycle"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-bicycle"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x206;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf206;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x206</span>
+        <span class="kbd">&#xf206</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1e5"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x1e5"></span>Binoculars
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf1e5"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf1e5"></span>Binoculars
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-binoculars"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-binoculars"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1e5;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf1e5;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x1e5</span>
+        <span class="kbd">&#xf1e5</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1fd"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x1fd"></span>Birthday cake
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf1fd"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf1fd"></span>Birthday cake
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-birthday-cake"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-birthday-cake"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1fd;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf1fd;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x1fd</span>
+        <span class="kbd">&#xf1fd</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x29d"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x29d"></span>Blind
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf29d"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf29d"></span>Blind
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-blind"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-blind"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x29d;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf29d;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x29d</span>
+        <span class="kbd">&#xf29d</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf128"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#xf128"></span>Bold
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf032"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf032"></span>Bold
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-bold"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-bold"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf128;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf032;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#xf128</span>
+        <span class="kbd">&#xf032</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xe7"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#xe7"></span>Bolt
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf0e7"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf0e7"></span>Bolt
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-bolt"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-bolt"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xe7;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf0e7;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#xe7</span>
+        <span class="kbd">&#xf0e7</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1e2"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x1e2"></span>Bomb
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf1e2"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf1e2"></span>Bomb
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-bomb"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-bomb"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1e2;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf1e2;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x1e2</span>
+        <span class="kbd">&#xf1e2</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf10a"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#xf10a"></span>Book
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf02d"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf02d"></span>Book
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-book"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-book"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf10a;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf02d;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#xf10a</span>
+        <span class="kbd">&#xf02d</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x2e"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x2e"></span>Bookmark
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf02e"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf02e"></span>Bookmark
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-bookmark"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-bookmark"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x2e;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf02e;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x2e</span>
+        <span class="kbd">&#xf02e</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x436"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x436"></span>Bowling ball
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf436"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf436"></span>Bowling ball
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-bowling-ball"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-bowling-ball"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x436;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf436;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x436</span>
+        <span class="kbd">&#xf436</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x2a1"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x2a1"></span>Braille
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf2a1"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf2a1"></span>Braille
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-braille"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-braille"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x2a1;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf2a1;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x2a1</span>
+        <span class="kbd">&#xf2a1</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xb1"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#xb1"></span>Briefcase
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf0b1"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf0b1"></span>Briefcase
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-briefcase"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-briefcase"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xb1;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf0b1;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#xb1</span>
+        <span class="kbd">&#xf0b1</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x188"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x188"></span>Bug
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf188"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf188"></span>Bug
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-bug"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-bug"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x188;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf188;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x188</span>
+        <span class="kbd">&#xf188</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1ad"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x1ad"></span>Building
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf1ad"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf1ad"></span>Building
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-building"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-building"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1ad;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf1ad;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x1ad</span>
+        <span class="kbd">&#xf1ad</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xa1"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#xa1"></span>Bullhorn
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf0a1"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf0a1"></span>Bullhorn
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-bullhorn"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-bullhorn"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xa1;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf0a1;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#xa1</span>
+        <span class="kbd">&#xf0a1</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x140"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x140"></span>Bullseye
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf140"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf140"></span>Bullseye
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-bullseye"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-bullseye"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x140;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf140;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x140</span>
+        <span class="kbd">&#xf140</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1ec"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x1ec"></span>Calculator
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf1ec"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf1ec"></span>Calculator
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-calculator"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-calculator"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1ec;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf1ec;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x1ec</span>
+        <span class="kbd">&#xf1ec</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x133"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x133"></span>Calendar alt
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf073"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf073"></span>Calendar alt
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-calendar-alt"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-calendar-alt"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x133;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf073;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x133</span>
+        <span class="kbd">&#xf073</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf10b"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#xf10b"></span>Calendar check
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf274"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf274"></span>Calendar check
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-calendar-check"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-calendar-check"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf10b;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf274;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#xf10b</span>
+        <span class="kbd">&#xf274</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x274"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x274"></span>Calendar minus
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf272"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf272"></span>Calendar minus
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-calendar-minus"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-calendar-minus"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x274;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf272;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x274</span>
+        <span class="kbd">&#xf272</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x272"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x272"></span>Calendar plus
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf271"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf271"></span>Calendar plus
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-calendar-plus"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-calendar-plus"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x272;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf271;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x272</span>
+        <span class="kbd">&#xf271</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x271"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x271"></span>Calendar times
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf273"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf273"></span>Calendar times
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-calendar-times"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-calendar-times"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x271;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf273;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x271</span>
+        <span class="kbd">&#xf273</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x273"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x273"></span>Calendar
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf133"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf133"></span>Calendar
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-calendar"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-calendar"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x273;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf133;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x273</span>
+        <span class="kbd">&#xf133</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf10c"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#xf10c"></span>Camera retro
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf083"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf083"></span>Camera retro
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-camera-retro"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-camera-retro"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf10c;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf083;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#xf10c</span>
+        <span class="kbd">&#xf083</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xd7"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#xd7"></span>Caret down
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf0d7"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf0d7"></span>Caret down
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-caret-down"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-caret-down"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xd7;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf0d7;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#xd7</span>
+        <span class="kbd">&#xf0d7</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xd9"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#xd9"></span>Caret left
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf0d9"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf0d9"></span>Caret left
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-caret-left"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-caret-left"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xd9;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf0d9;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#xd9</span>
+        <span class="kbd">&#xf0d9</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xda"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#xda"></span>Caret right
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf0da"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf0da"></span>Caret right
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-caret-right"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-caret-right"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xda;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf0da;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#xda</span>
+        <span class="kbd">&#xf0da</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x150"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x150"></span>Caret square down
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf150"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf150"></span>Caret square down
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-caret-square-down"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-caret-square-down"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x150;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf150;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x150</span>
+        <span class="kbd">&#xf150</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x191"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x191"></span>Caret square left
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf191"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf191"></span>Caret square left
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-caret-square-left"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-caret-square-left"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x191;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf191;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x191</span>
+        <span class="kbd">&#xf191</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x152"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x152"></span>Caret square right
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf152"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf152"></span>Caret square right
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-caret-square-right"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-caret-square-right"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x152;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf152;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x152</span>
+        <span class="kbd">&#xf152</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x151"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x151"></span>Caret square up
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf151"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf151"></span>Caret square up
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-caret-square-up"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-caret-square-up"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x151;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf151;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x151</span>
+        <span class="kbd">&#xf151</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xd8"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#xd8"></span>Caret up
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf0d8"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf0d8"></span>Caret up
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-caret-up"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-caret-up"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xd8;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf0d8;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#xd8</span>
+        <span class="kbd">&#xf0d8</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x218"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x218"></span>Cart arrow down
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf218"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf218"></span>Cart arrow down
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-cart-arrow-down"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-cart-arrow-down"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x218;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf218;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x218</span>
+        <span class="kbd">&#xf218</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x217"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x217"></span>Cart plus
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf217"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf217"></span>Cart plus
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-cart-plus"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-cart-plus"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x217;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf217;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x217</span>
+        <span class="kbd">&#xf217</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xa3"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#xa3"></span>Certificate
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf0a3"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf0a3"></span>Certificate
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-certificate"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-certificate"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xa3;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf0a3;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#xa3</span>
+        <span class="kbd">&#xf0a3</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1fe"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x1fe"></span>Chart area
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf1fe"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf1fe"></span>Chart area
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-chart-area"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-chart-area"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1fe;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf1fe;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x1fe</span>
+        <span class="kbd">&#xf1fe</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x80"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x80"></span>Chart bar
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf080"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf080"></span>Chart bar
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-chart-bar"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-chart-bar"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x80;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf080;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x80</span>
+        <span class="kbd">&#xf080</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x201"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x201"></span>Chart line
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf201"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf201"></span>Chart line
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-chart-line"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-chart-line"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x201;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf201;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x201</span>
+        <span class="kbd">&#xf201</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x200"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x200"></span>Chart pie
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf200"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf200"></span>Chart pie
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-chart-pie"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-chart-pie"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x200;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf200;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x200</span>
+        <span class="kbd">&#xf200</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf10d"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#xf10d"></span>Check circle
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf058"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf058"></span>Check circle
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-check-circle"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-check-circle"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf10d;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf058;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#xf10d</span>
+        <span class="kbd">&#xf058</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf10e"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#xf10e"></span>Check square
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf14a"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf14a"></span>Check square
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-check-square"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-check-square"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf10e;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf14a;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#xf10e</span>
+        <span class="kbd">&#xf14a</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x14a"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x14a"></span>Check
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf00c"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf00c"></span>Check
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-check"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-check"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x14a;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf00c;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x14a</span>
+        <span class="kbd">&#xf00c</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x13a"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x13a"></span>Chevron circle down
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf13a"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf13a"></span>Chevron circle down
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-chevron-circle-down"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-chevron-circle-down"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x13a;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf13a;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x13a</span>
+        <span class="kbd">&#xf13a</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x137"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x137"></span>Chevron circle left
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf137"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf137"></span>Chevron circle left
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-chevron-circle-left"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-chevron-circle-left"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x137;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf137;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x137</span>
+        <span class="kbd">&#xf137</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x138"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x138"></span>Chevron circle right
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf138"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf138"></span>Chevron circle right
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-chevron-circle-right"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-chevron-circle-right"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x138;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf138;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x138</span>
+        <span class="kbd">&#xf138</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x139"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x139"></span>Chevron circle up
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf139"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf139"></span>Chevron circle up
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-chevron-circle-up"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-chevron-circle-up"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x139;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf139;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x139</span>
+        <span class="kbd">&#xf139</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf11a"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#xf11a"></span>Chevron down
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf078"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf078"></span>Chevron down
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-chevron-down"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-chevron-down"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf11a;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf078;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#xf11a</span>
+        <span class="kbd">&#xf078</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf12c"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#xf12c"></span>Chevron left
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf053"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf053"></span>Chevron left
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-chevron-left"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-chevron-left"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf12c;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf053;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#xf12c</span>
+        <span class="kbd">&#xf053</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf10f"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#xf10f"></span>Chevron right
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf054"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf054"></span>Chevron right
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-chevron-right"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-chevron-right"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf10f;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf054;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#xf10f</span>
+        <span class="kbd">&#xf054</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf11b"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#xf11b"></span>Chevron up
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf077"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf077"></span>Chevron up
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-chevron-up"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-chevron-up"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf11b;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf077;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#xf11b</span>
+        <span class="kbd">&#xf077</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1ae"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x1ae"></span>Child
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf1ae"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf1ae"></span>Child
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-child"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-child"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1ae;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf1ae;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x1ae</span>
+        <span class="kbd">&#xf1ae</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x111"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x111"></span>Circle notch
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf1ce"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf1ce"></span>Circle notch
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-circle-notch"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-circle-notch"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x111;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf1ce;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x111</span>
+        <span class="kbd">&#xf1ce</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1ce"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x1ce"></span>Circle
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf111"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf111"></span>Circle
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-circle"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-circle"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1ce;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf111;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x1ce</span>
+        <span class="kbd">&#xf111</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x328"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x328"></span>Clipboard
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf328"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf328"></span>Clipboard
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-clipboard"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-clipboard"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x328;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf328;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x328</span>
+        <span class="kbd">&#xf328</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x17"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x17"></span>Clock
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf017"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf017"></span>Clock
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-clock"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-clock"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x17;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf017;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x17</span>
+        <span class="kbd">&#xf017</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x24d"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x24d"></span>Clone
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf24d"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf24d"></span>Clone
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-clone"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-clone"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x24d;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf24d;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x24d</span>
+        <span class="kbd">&#xf24d</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x20a"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x20a"></span>Closed captioning
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf20a"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf20a"></span>Closed captioning
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-closed-captioning"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-closed-captioning"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x20a;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf20a;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x20a</span>
+        <span class="kbd">&#xf20a</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xc2"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#xc2"></span>Cloud download alt
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf381"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf381"></span>Cloud download alt
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-cloud-download-alt"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-cloud-download-alt"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xc2;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf381;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#xc2</span>
+        <span class="kbd">&#xf381</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x381"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x381"></span>Cloud upload alt
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf382"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf382"></span>Cloud upload alt
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-cloud-upload-alt"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-cloud-upload-alt"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x381;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf382;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x381</span>
+        <span class="kbd">&#xf382</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x382"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x382"></span>Cloud
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf0c2"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf0c2"></span>Cloud
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-cloud"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-cloud"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x382;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf0c2;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x382</span>
+        <span class="kbd">&#xf0c2</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x121"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x121"></span>Code branch
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf126"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf126"></span>Code branch
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-code-branch"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-code-branch"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x121;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf126;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x121</span>
+        <span class="kbd">&#xf126</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x126"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x126"></span>Code
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf121"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf121"></span>Code
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-code"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-code"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x126;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf121;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x126</span>
+        <span class="kbd">&#xf121</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf4"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#xf4"></span>Coffee
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf0f4"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf0f4"></span>Coffee
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-coffee"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-coffee"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf4;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf0f4;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#xf4</span>
+        <span class="kbd">&#xf0f4</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x13"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x13"></span>Cog
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf013"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf013"></span>Cog
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-cog"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-cog"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x13;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf013;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x13</span>
+        <span class="kbd">&#xf013</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf110"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#xf110"></span>Cogs
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf085"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf085"></span>Cogs
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-cogs"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-cogs"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf110;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf085;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#xf110</span>
+        <span class="kbd">&#xf085</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xdb"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#xdb"></span>Columns
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf0db"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf0db"></span>Columns
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-columns"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-columns"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xdb;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf0db;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#xdb</span>
+        <span class="kbd">&#xf0db</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x75"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x75"></span>Comment alt
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf27a"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf27a"></span>Comment alt
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-comment-alt"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-comment-alt"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x75;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf27a;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x75</span>
+        <span class="kbd">&#xf27a</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x27a"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x27a"></span>Comment
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf075"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf075"></span>Comment
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-comment"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-comment"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x27a;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf075;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x27a</span>
+        <span class="kbd">&#xf075</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf111"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#xf111"></span>Comments
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf086"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf086"></span>Comments
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-comments"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-comments"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf111;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf086;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#xf111</span>
+        <span class="kbd">&#xf086</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x14e"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x14e"></span>Compass
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf14e"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf14e"></span>Compass
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-compass"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-compass"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x14e;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf14e;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x14e</span>
+        <span class="kbd">&#xf14e</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x66"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x66"></span>Compress
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf066"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf066"></span>Compress
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-compress"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-compress"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x66;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf066;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x66</span>
+        <span class="kbd">&#xf066</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xc5"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#xc5"></span>Copy
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf0c5"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf0c5"></span>Copy
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-copy"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-copy"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xc5;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf0c5;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#xc5</span>
+        <span class="kbd">&#xf0c5</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1f9"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x1f9"></span>Copyright
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf1f9"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf1f9"></span>Copyright
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-copyright"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-copyright"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1f9;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf1f9;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x1f9</span>
+        <span class="kbd">&#xf1f9</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x9d"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x9d"></span>Credit card
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf09d"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf09d"></span>Credit card
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-credit-card"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-credit-card"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x9d;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf09d;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x9d</span>
+        <span class="kbd">&#xf09d</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x125"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x125"></span>Crop
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf125"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf125"></span>Crop
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-crop"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-crop"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x125;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf125;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x125</span>
+        <span class="kbd">&#xf125</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf112"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#xf112"></span>Crosshairs
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf05b"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf05b"></span>Crosshairs
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-crosshairs"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-crosshairs"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf112;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf05b;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#xf112</span>
+        <span class="kbd">&#xf05b</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1b2"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x1b2"></span>Cube
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf1b2"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf1b2"></span>Cube
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-cube"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-cube"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1b2;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf1b2;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x1b2</span>
+        <span class="kbd">&#xf1b2</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1b3"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x1b3"></span>Cubes
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf1b3"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf1b3"></span>Cubes
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-cubes"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-cubes"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1b3;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf1b3;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x1b3</span>
+        <span class="kbd">&#xf1b3</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xc4"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#xc4"></span>Cut
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf0c4"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf0c4"></span>Cut
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-cut"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-cut"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xc4;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf0c4;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#xc4</span>
+        <span class="kbd">&#xf0c4</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1c0"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x1c0"></span>Database
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf1c0"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf1c0"></span>Database
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-database"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-database"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1c0;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf1c0;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x1c0</span>
+        <span class="kbd">&#xf1c0</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x2a4"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x2a4"></span>Deaf
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf2a4"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf2a4"></span>Deaf
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-deaf"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-deaf"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x2a4;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf2a4;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x2a4</span>
+        <span class="kbd">&#xf2a4</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x108"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x108"></span>Desktop
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf108"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf108"></span>Desktop
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-desktop"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-desktop"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x108;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf108;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x108</span>
+        <span class="kbd">&#xf108</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x155"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x155"></span>Dollar sign
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf155"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf155"></span>Dollar sign
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-dollar-sign"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-dollar-sign"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x155;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf155;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x155</span>
+        <span class="kbd">&#xf155</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x192"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x192"></span>Dot circle
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf192"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf192"></span>Dot circle
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-dot-circle"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-dot-circle"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x192;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf192;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x192</span>
+        <span class="kbd">&#xf192</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x19"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x19"></span>Download
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf019"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf019"></span>Download
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-download"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-download"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x19;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf019;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x19</span>
+        <span class="kbd">&#xf019</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf113"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#xf113"></span>Edit
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf044"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf044"></span>Edit
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-edit"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-edit"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf113;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf044;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#xf113</span>
+        <span class="kbd">&#xf044</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf114"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#xf114"></span>Eject
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf052"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf052"></span>Eject
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-eject"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-eject"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf114;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf052;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#xf114</span>
+        <span class="kbd">&#xf052</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x141"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x141"></span>Ellipsis h
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf141"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf141"></span>Ellipsis h
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-ellipsis-h"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-ellipsis-h"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x141;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf141;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x141</span>
+        <span class="kbd">&#xf141</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x142"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x142"></span>Ellipsis v
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf142"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf142"></span>Ellipsis v
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-ellipsis-v"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-ellipsis-v"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x142;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf142;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x142</span>
+        <span class="kbd">&#xf142</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xe0"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#xe0"></span>Envelope open
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf2b6"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf2b6"></span>Envelope open
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-envelope-open"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-envelope-open"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xe0;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf2b6;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#xe0</span>
+        <span class="kbd">&#xf2b6</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x2b6"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x2b6"></span>Envelope square
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf199"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf199"></span>Envelope square
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-envelope-square"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-envelope-square"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x2b6;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf199;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x2b6</span>
+        <span class="kbd">&#xf199</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x199"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x199"></span>Envelope
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf0e0"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf0e0"></span>Envelope
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-envelope"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-envelope"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x199;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf0e0;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x199</span>
+        <span class="kbd">&#xf0e0</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x12d"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x12d"></span>Eraser
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf12d"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf12d"></span>Eraser
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-eraser"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-eraser"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x12d;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf12d;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x12d</span>
+        <span class="kbd">&#xf12d</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x153"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x153"></span>Euro sign
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf153"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf153"></span>Euro sign
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-euro-sign"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-euro-sign"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x153;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf153;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x153</span>
+        <span class="kbd">&#xf153</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x362"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x362"></span>Exchange alt
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf362"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf362"></span>Exchange alt
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-exchange-alt"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-exchange-alt"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x362;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf362;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x362</span>
+        <span class="kbd">&#xf362</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x12a"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x12a"></span>Exclamation circle
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf06a"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf06a"></span>Exclamation circle
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-exclamation-circle"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-exclamation-circle"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x12a;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf06a;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x12a</span>
+        <span class="kbd">&#xf06a</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf115"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#xf115"></span>Exclamation triangle
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf071"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf071"></span>Exclamation triangle
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-exclamation-triangle"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-exclamation-triangle"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf115;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf071;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#xf115</span>
+        <span class="kbd">&#xf071</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf116"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#xf116"></span>Exclamation
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf12a"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf12a"></span>Exclamation
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-exclamation"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-exclamation"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf116;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf12a;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#xf116</span>
+        <span class="kbd">&#xf12a</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf11c"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#xf11c"></span>Expand arrows alt
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf31e"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf31e"></span>Expand arrows alt
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-expand-arrows-alt"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-expand-arrows-alt"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf11c;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf31e;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#xf11c</span>
+        <span class="kbd">&#xf31e</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x31e"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x31e"></span>Expand
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf065"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf065"></span>Expand
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-expand"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-expand"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x31e;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf065;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x31e</span>
+        <span class="kbd">&#xf065</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x35d"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x35d"></span>External link alt
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf35d"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf35d"></span>External link alt
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-external-link-alt"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-external-link-alt"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x35d;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf35d;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x35d</span>
+        <span class="kbd">&#xf35d</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x360"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x360"></span>External link square alt
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf360"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf360"></span>External link square alt
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-external-link-square-alt"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-external-link-square-alt"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x360;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf360;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x360</span>
+        <span class="kbd">&#xf360</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf117"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#xf117"></span>Eye dropper
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf1fb"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf1fb"></span>Eye dropper
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-eye-dropper"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-eye-dropper"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf117;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf1fb;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#xf117</span>
+        <span class="kbd">&#xf1fb</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1fb"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x1fb"></span>Eye slash
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf070"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf070"></span>Eye slash
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-eye-slash"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-eye-slash"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1fb;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf070;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x1fb</span>
+        <span class="kbd">&#xf070</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf118"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#xf118"></span>Eye
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf06e"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf06e"></span>Eye
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-eye"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-eye"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf118;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf06e;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#xf118</span>
+        <span class="kbd">&#xf06e</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x49"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x49"></span>Fast backward
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf049"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf049"></span>Fast backward
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-fast-backward"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-fast-backward"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x49;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf049;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x49</span>
+        <span class="kbd">&#xf049</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf11e"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#xf11e"></span>Fast forward
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf050"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf050"></span>Fast forward
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-fast-forward"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-fast-forward"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf11e;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf050;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#xf11e</span>
+        <span class="kbd">&#xf050</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x182"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x182"></span>Female
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf182"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf182"></span>Female
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-female"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-female"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x182;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf182;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x182</span>
+        <span class="kbd">&#xf182</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x8"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x8"></span>Film
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf008"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf008"></span>Film
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-film"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-film"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x8;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf008;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x8</span>
+        <span class="kbd">&#xf008</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xb0"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#xb0"></span>Filter
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf0b0"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf0b0"></span>Filter
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-filter"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-filter"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xb0;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf0b0;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#xb0</span>
+        <span class="kbd">&#xf0b0</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf119"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#xf119"></span>Fire extinguisher
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf134"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf134"></span>Fire extinguisher
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-fire-extinguisher"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-fire-extinguisher"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf119;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf134;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#xf119</span>
+        <span class="kbd">&#xf134</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x134"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x134"></span>Fire
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf06d"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf06d"></span>Fire
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-fire"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-fire"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x134;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf06d;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x134</span>
+        <span class="kbd">&#xf06d</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x24"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x24"></span>Flag checkered
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf11e"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf11e"></span>Flag checkered
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-flag-checkered"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-flag-checkered"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x24;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf11e;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x24</span>
+        <span class="kbd">&#xf11e</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x11e"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x11e"></span>Flag
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf024"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf024"></span>Flag
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-flag"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-flag"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x11e;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf024;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x11e</span>
+        <span class="kbd">&#xf024</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xc3"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#xc3"></span>Flask
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf0c3"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf0c3"></span>Flask
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-flask"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-flask"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xc3;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf0c3;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#xc3</span>
+        <span class="kbd">&#xf0c3</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x7b"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x7b"></span>Folder open
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf07c"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf07c"></span>Folder open
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-folder-open"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-folder-open"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x7b;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf07c;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x7b</span>
+        <span class="kbd">&#xf07c</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x7c"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x7c"></span>Folder
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf07b"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf07b"></span>Folder
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-folder"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-folder"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x7c;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf07b;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x7c</span>
+        <span class="kbd">&#xf07b</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x31"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x31"></span>Font
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf031"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf031"></span>Font
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-font"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-font"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x31;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf031;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x31</span>
+        <span class="kbd">&#xf031</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x44e"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x44e"></span>Football ball
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf44e"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf44e"></span>Football ball
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-football-ball"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-football-ball"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x44e;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf44e;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x44e</span>
+        <span class="kbd">&#xf44e</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf120"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#xf120"></span>Forward
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf04e"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf04e"></span>Forward
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-forward"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-forward"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf120;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf04e;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#xf120</span>
+        <span class="kbd">&#xf04e</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x119"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x119"></span>Frown
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf119"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf119"></span>Frown
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-frown"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-frown"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x119;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf119;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x119</span>
+        <span class="kbd">&#xf119</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1e3"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x1e3"></span>Futbol
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf1e3"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf1e3"></span>Futbol
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-futbol"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-futbol"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1e3;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf1e3;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x1e3</span>
+        <span class="kbd">&#xf1e3</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x11b"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x11b"></span>Gamepad
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf11b"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf11b"></span>Gamepad
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-gamepad"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-gamepad"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x11b;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf11b;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x11b</span>
+        <span class="kbd">&#xf11b</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xe3"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#xe3"></span>Gavel
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf0e3"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf0e3"></span>Gavel
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-gavel"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-gavel"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xe3;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf0e3;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#xe3</span>
+        <span class="kbd">&#xf0e3</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x3a5"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x3a5"></span>Gem
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf3a5"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf3a5"></span>Gem
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-gem"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-gem"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x3a5;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf3a5;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x3a5</span>
+        <span class="kbd">&#xf3a5</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x22d"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x22d"></span>Genderless
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf22d"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf22d"></span>Genderless
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-genderless"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-genderless"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x22d;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf22d;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x22d</span>
+        <span class="kbd">&#xf22d</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf11d"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#xf11d"></span>Gift
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf06b"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf06b"></span>Gift
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-gift"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-gift"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf11d;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf06b;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#xf11d</span>
+        <span class="kbd">&#xf06b</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf126"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#xf126"></span>Glass martini
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf000"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf000"></span>Glass martini
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-glass-martini"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-glass-martini"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf126;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf000;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#xf126</span>
+        <span class="kbd">&#xf000</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xac"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#xac"></span>Globe
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf0ac"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf0ac"></span>Globe
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-globe"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-globe"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xac;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf0ac;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#xac</span>
+        <span class="kbd">&#xf0ac</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x450"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x450"></span>Golf ball
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf450"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf450"></span>Golf ball
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-golf-ball"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-golf-ball"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x450;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf450;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x450</span>
+        <span class="kbd">&#xf450</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x19d"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x19d"></span>Graduation cap
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf19d"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf19d"></span>Graduation cap
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-graduation-cap"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-graduation-cap"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x19d;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf19d;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x19d</span>
+        <span class="kbd">&#xf19d</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xfd"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#xfd"></span>H square
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf0fd"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf0fd"></span>H square
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-h-square"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-h-square"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xfd;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf0fd;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#xfd</span>
+        <span class="kbd">&#xf0fd</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x258"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x258"></span>Hand lizard
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf258"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf258"></span>Hand lizard
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-hand-lizard"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-hand-lizard"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x258;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf258;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x258</span>
+        <span class="kbd">&#xf258</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x256"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x256"></span>Hand paper
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf256"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf256"></span>Hand paper
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-hand-paper"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-hand-paper"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x256;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf256;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x256</span>
+        <span class="kbd">&#xf256</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x25b"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x25b"></span>Hand peace
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf25b"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf25b"></span>Hand peace
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-hand-peace"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-hand-peace"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x25b;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf25b;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x25b</span>
+        <span class="kbd">&#xf25b</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xa7"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#xa7"></span>Hand point down
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf0a7"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf0a7"></span>Hand point down
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-hand-point-down"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-hand-point-down"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xa7;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf0a7;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#xa7</span>
+        <span class="kbd">&#xf0a7</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xa5"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#xa5"></span>Hand point left
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf0a5"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf0a5"></span>Hand point left
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-hand-point-left"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-hand-point-left"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xa5;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf0a5;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#xa5</span>
+        <span class="kbd">&#xf0a5</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xa4"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#xa4"></span>Hand point right
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf0a4"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf0a4"></span>Hand point right
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-hand-point-right"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-hand-point-right"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xa4;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf0a4;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#xa4</span>
+        <span class="kbd">&#xf0a4</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xa6"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#xa6"></span>Hand point up
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf0a6"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf0a6"></span>Hand point up
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-hand-point-up"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-hand-point-up"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xa6;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf0a6;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#xa6</span>
+        <span class="kbd">&#xf0a6</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x25a"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x25a"></span>Hand pointer
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf25a"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf25a"></span>Hand pointer
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-hand-pointer"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-hand-pointer"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x25a;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf25a;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x25a</span>
+        <span class="kbd">&#xf25a</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x255"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x255"></span>Hand rock
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf255"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf255"></span>Hand rock
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-hand-rock"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-hand-rock"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x255;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf255;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x255</span>
+        <span class="kbd">&#xf255</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x257"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x257"></span>Hand scissors
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf257"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf257"></span>Hand scissors
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-hand-scissors"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-hand-scissors"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x257;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf257;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x257</span>
+        <span class="kbd">&#xf257</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x259"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x259"></span>Hand spock
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf259"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf259"></span>Hand spock
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-hand-spock"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-hand-spock"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x259;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf259;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x259</span>
+        <span class="kbd">&#xf259</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x2b5"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x2b5"></span>Handshake
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf2b5"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf2b5"></span>Handshake
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-handshake"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-handshake"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x2b5;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf2b5;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x2b5</span>
+        <span class="kbd">&#xf2b5</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x292"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x292"></span>Hashtag
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf292"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf292"></span>Hashtag
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-hashtag"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-hashtag"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x292;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf292;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x292</span>
+        <span class="kbd">&#xf292</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xa0"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#xa0"></span>Hdd
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf0a0"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf0a0"></span>Hdd
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-hdd"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-hdd"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xa0;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf0a0;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#xa0</span>
+        <span class="kbd">&#xf0a0</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1dc"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x1dc"></span>Heading
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf1dc"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf1dc"></span>Heading
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-heading"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-heading"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1dc;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf1dc;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x1dc</span>
+        <span class="kbd">&#xf1dc</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf11f"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#xf11f"></span>Headphones
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf025"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf025"></span>Headphones
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-headphones"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-headphones"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf11f;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf025;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#xf11f</span>
+        <span class="kbd">&#xf025</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x4"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x4"></span>Heart
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf004"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf004"></span>Heart
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-heart"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-heart"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x4;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf004;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x4</span>
+        <span class="kbd">&#xf004</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x21e"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x21e"></span>Heartbeat
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf21e"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf21e"></span>Heartbeat
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-heartbeat"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-heartbeat"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x21e;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf21e;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x21e</span>
+        <span class="kbd">&#xf21e</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1da"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x1da"></span>History
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf1da"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf1da"></span>History
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-history"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-history"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1da;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf1da;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x1da</span>
+        <span class="kbd">&#xf1da</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x453"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x453"></span>Hockey puck
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf453"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf453"></span>Hockey puck
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-hockey-puck"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-hockey-puck"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x453;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf453;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x453</span>
+        <span class="kbd">&#xf453</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x15"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x15"></span>Home
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf015"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf015"></span>Home
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-home"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-home"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x15;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf015;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x15</span>
+        <span class="kbd">&#xf015</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf8"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#xf8"></span>Hospital
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf0f8"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf0f8"></span>Hospital
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-hospital"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-hospital"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf8;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf0f8;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#xf8</span>
+        <span class="kbd">&#xf0f8</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x254"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x254"></span>Hourglass end
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf253"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf253"></span>Hourglass end
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-hourglass-end"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-hourglass-end"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x254;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf253;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x254</span>
+        <span class="kbd">&#xf253</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x253"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x253"></span>Hourglass half
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf252"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf252"></span>Hourglass half
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-hourglass-half"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-hourglass-half"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x253;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf252;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x253</span>
+        <span class="kbd">&#xf252</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x252"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x252"></span>Hourglass start
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf251"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf251"></span>Hourglass start
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-hourglass-start"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-hourglass-start"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x252;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf251;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x252</span>
+        <span class="kbd">&#xf251</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x251"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x251"></span>Hourglass
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf254"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf254"></span>Hourglass
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-hourglass"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-hourglass"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x251;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf254;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x251</span>
+        <span class="kbd">&#xf254</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x246"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x246"></span>I cursor
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf246"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf246"></span>I cursor
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-i-cursor"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-i-cursor"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x246;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf246;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x246</span>
+        <span class="kbd">&#xf246</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x2c1"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x2c1"></span>Id badge
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf2c1"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf2c1"></span>Id badge
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-id-badge"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-id-badge"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x2c1;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf2c1;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x2c1</span>
+        <span class="kbd">&#xf2c1</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x2c2"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x2c2"></span>Id card
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf2c2"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf2c2"></span>Id card
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-id-card"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-id-card"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x2c2;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf2c2;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x2c2</span>
+        <span class="kbd">&#xf2c2</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf121"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#xf121"></span>Image
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf03e"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf03e"></span>Image
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-image"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-image"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf121;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf03e;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#xf121</span>
+        <span class="kbd">&#xf03e</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf122"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#xf122"></span>Images
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf302"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf302"></span>Images
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-images"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-images"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf122;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf302;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#xf122</span>
+        <span class="kbd">&#xf302</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1c"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x1c"></span>Inbox
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf01c"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf01c"></span>Inbox
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-inbox"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-inbox"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1c;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf01c;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x1c</span>
+        <span class="kbd">&#xf01c</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf12d"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#xf12d"></span>Indent
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf03c"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf03c"></span>Indent
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-indent"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-indent"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf12d;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf03c;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#xf12d</span>
+        <span class="kbd">&#xf03c</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x275"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x275"></span>Industry
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf275"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf275"></span>Industry
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-industry"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-industry"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x275;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf275;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x275</span>
+        <span class="kbd">&#xf275</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf123"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#xf123"></span>Italic
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf033"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf033"></span>Italic
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-italic"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-italic"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf123;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf033;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#xf123</span>
+        <span class="kbd">&#xf033</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf12f"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#xf12f"></span>Key
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf084"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf084"></span>Key
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-key"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-key"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf12f;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf084;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#xf12f</span>
+        <span class="kbd">&#xf084</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x11c"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x11c"></span>Keyboard
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf11c"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf11c"></span>Keyboard
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-keyboard"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-keyboard"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x11c;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf11c;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x11c</span>
+        <span class="kbd">&#xf11c</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1ab"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x1ab"></span>Language
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf1ab"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf1ab"></span>Language
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-language"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-language"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1ab;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf1ab;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x1ab</span>
+        <span class="kbd">&#xf1ab</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x109"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x109"></span>Laptop
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf109"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf109"></span>Laptop
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-laptop"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-laptop"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x109;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf109;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x109</span>
+        <span class="kbd">&#xf109</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf124"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#xf124"></span>Leaf
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf06c"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf06c"></span>Leaf
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-leaf"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-leaf"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf124;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf06c;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#xf124</span>
+        <span class="kbd">&#xf06c</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf125"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#xf125"></span>Lemon
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf094"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf094"></span>Lemon
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-lemon"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-lemon"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf125;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf094;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#xf125</span>
+        <span class="kbd">&#xf094</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x3be"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x3be"></span>Level down alt
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf3be"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf3be"></span>Level down alt
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-level-down-alt"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-level-down-alt"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x3be;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf3be;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x3be</span>
+        <span class="kbd">&#xf3be</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x3bf"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x3bf"></span>Level up alt
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf3bf"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf3bf"></span>Level up alt
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-level-up-alt"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-level-up-alt"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x3bf;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf3bf;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x3bf</span>
+        <span class="kbd">&#xf3bf</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xeb"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#xeb"></span>Lightbulb
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf0eb"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf0eb"></span>Lightbulb
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-lightbulb"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-lightbulb"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xeb;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf0eb;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#xeb</span>
+        <span class="kbd">&#xf0eb</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xc1"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#xc1"></span>Link
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf0c1"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf0c1"></span>Link
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-link"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-link"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xc1;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf0c1;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#xc1</span>
+        <span class="kbd">&#xf0c1</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x195"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x195"></span>Lira sign
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf195"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf195"></span>Lira sign
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-lira-sign"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-lira-sign"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x195;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf195;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x195</span>
+        <span class="kbd">&#xf195</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf127"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#xf127"></span>List ol
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf0cb"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf0cb"></span>List ol
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-list-ol"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-list-ol"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf127;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf0cb;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#xf127</span>
+        <span class="kbd">&#xf0cb</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xcb"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#xcb"></span>List ul
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf0ca"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf0ca"></span>List ul
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-list-ul"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-list-ul"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xcb;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf0ca;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#xcb</span>
+        <span class="kbd">&#xf0ca</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xca"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#xca"></span>List
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf03a"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf03a"></span>List
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-list"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-list"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xca;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf03a;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#xca</span>
+        <span class="kbd">&#xf03a</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x124"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x124"></span>Location arrow
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf124"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf124"></span>Location arrow
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-location-arrow"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-location-arrow"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x124;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf124;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x124</span>
+        <span class="kbd">&#xf124</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x309"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x309"></span>Long arrow alt down
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf309"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf309"></span>Long arrow alt down
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-long-arrow-alt-down"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-long-arrow-alt-down"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x309;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf309;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x309</span>
+        <span class="kbd">&#xf309</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x30a"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x30a"></span>Long arrow alt left
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf30a"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf30a"></span>Long arrow alt left
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-long-arrow-alt-left"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-long-arrow-alt-left"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x30a;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf30a;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x30a</span>
+        <span class="kbd">&#xf30a</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x30b"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x30b"></span>Long arrow alt right
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf30b"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf30b"></span>Long arrow alt right
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-long-arrow-alt-right"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-long-arrow-alt-right"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x30b;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf30b;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x30b</span>
+        <span class="kbd">&#xf30b</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x30c"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x30c"></span>Long arrow alt up
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf30c"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf30c"></span>Long arrow alt up
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-long-arrow-alt-up"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-long-arrow-alt-up"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x30c;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf30c;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x30c</span>
+        <span class="kbd">&#xf30c</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf129"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#xf129"></span>Low vision
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf2a8"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf2a8"></span>Low vision
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-low-vision"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-low-vision"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf129;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf2a8;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#xf129</span>
+        <span class="kbd">&#xf2a8</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xd0"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#xd0"></span>Magic
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf0d0"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf0d0"></span>Magic
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-magic"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-magic"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xd0;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf0d0;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#xd0</span>
+        <span class="kbd">&#xf0d0</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x76"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x76"></span>Magnet
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf076"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf076"></span>Magnet
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-magnet"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-magnet"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x76;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf076;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x76</span>
+        <span class="kbd">&#xf076</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x183"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x183"></span>Male
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf183"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf183"></span>Male
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-male"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-male"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x183;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf183;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x183</span>
+        <span class="kbd">&#xf183</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x3c5"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x3c5"></span>Map pin
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf276"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf276"></span>Map pin
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-map-pin"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-map-pin"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x3c5;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf276;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x3c5</span>
+        <span class="kbd">&#xf276</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x276"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x276"></span>Map signs
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf277"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf277"></span>Map signs
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-map-signs"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-map-signs"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x276;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf277;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x276</span>
+        <span class="kbd">&#xf277</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x222"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x222"></span>Mars double
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf227"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf227"></span>Mars double
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-mars-double"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-mars-double"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x222;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf227;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x222</span>
+        <span class="kbd">&#xf227</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x227"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x227"></span>Mars stroke h
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf22b"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf22b"></span>Mars stroke h
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-mars-stroke-h"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-mars-stroke-h"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x227;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf22b;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x227</span>
+        <span class="kbd">&#xf22b</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x229"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x229"></span>Mars stroke v
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf22a"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf22a"></span>Mars stroke v
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-mars-stroke-v"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-mars-stroke-v"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x229;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf22a;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x229</span>
+        <span class="kbd">&#xf22a</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x22b"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x22b"></span>Mars stroke
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf229"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf229"></span>Mars stroke
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-mars-stroke"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-mars-stroke"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x22b;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf229;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x22b</span>
+        <span class="kbd">&#xf229</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x22a"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x22a"></span>Mars
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf222"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf222"></span>Mars
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-mars"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-mars"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x22a;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf222;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x22a</span>
+        <span class="kbd">&#xf222</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xfa"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#xfa"></span>Medkit
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf0fa"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf0fa"></span>Medkit
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-medkit"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-medkit"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xfa;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf0fa;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#xfa</span>
+        <span class="kbd">&#xf0fa</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x11a"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x11a"></span>Meh
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf11a"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf11a"></span>Meh
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-meh"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-meh"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x11a;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf11a;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x11a</span>
+        <span class="kbd">&#xf11a</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x223"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x223"></span>Mercury
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf223"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf223"></span>Mercury
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-mercury"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-mercury"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x223;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf223;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x223</span>
+        <span class="kbd">&#xf223</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x2db"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x2db"></span>Microchip
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf2db"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf2db"></span>Microchip
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-microchip"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-microchip"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x2db;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf2db;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x2db</span>
+        <span class="kbd">&#xf2db</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x130"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x130"></span>Microphone slash
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf131"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf131"></span>Microphone slash
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-microphone-slash"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-microphone-slash"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x130;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf131;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x130</span>
+        <span class="kbd">&#xf131</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x131"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x131"></span>Microphone
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf130"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf130"></span>Microphone
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-microphone"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-microphone"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x131;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf130;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x131</span>
+        <span class="kbd">&#xf130</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf12a"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#xf12a"></span>Minus circle
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf056"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf056"></span>Minus circle
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-minus-circle"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-minus-circle"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf12a;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf056;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#xf12a</span>
+        <span class="kbd">&#xf056</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x56"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x56"></span>Minus square
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf146"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf146"></span>Minus square
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-minus-square"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-minus-square"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x56;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf146;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x56</span>
+        <span class="kbd">&#xf146</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x146"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x146"></span>Minus
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf068"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf068"></span>Minus
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-minus"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-minus"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x146;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf068;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x146</span>
+        <span class="kbd">&#xf068</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x10b"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x10b"></span>Mobile alt
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf3cd"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf3cd"></span>Mobile alt
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-mobile-alt"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-mobile-alt"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x10b;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf3cd;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x10b</span>
+        <span class="kbd">&#xf3cd</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x3cd"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x3cd"></span>Mobile
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf10b"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf10b"></span>Mobile
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-mobile"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-mobile"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x3cd;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf10b;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x3cd</span>
+        <span class="kbd">&#xf10b</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x3d1"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x3d1"></span>Money bill alt
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf3d1"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf3d1"></span>Money bill alt
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-money-bill-alt"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-money-bill-alt"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x3d1;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf3d1;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x3d1</span>
+        <span class="kbd">&#xf3d1</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x186"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x186"></span>Moon
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf186"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf186"></span>Moon
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-moon"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-moon"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x186;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf186;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x186</span>
+        <span class="kbd">&#xf186</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x21c"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x21c"></span>Motorcycle
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf21c"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf21c"></span>Motorcycle
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-motorcycle"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-motorcycle"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x21c;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf21c;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x21c</span>
+        <span class="kbd">&#xf21c</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x245"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x245"></span>Mouse pointer
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf245"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf245"></span>Mouse pointer
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-mouse-pointer"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-mouse-pointer"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x245;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf245;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x245</span>
+        <span class="kbd">&#xf245</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x1"></span>Music
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf001"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf001"></span>Music
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-music"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-music"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf001;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x1</span>
+        <span class="kbd">&#xf001</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x22c"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x22c"></span>Neuter
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf22c"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf22c"></span>Neuter
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-neuter"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-neuter"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x22c;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf22c;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x22c</span>
+        <span class="kbd">&#xf22c</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1ea"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x1ea"></span>Newspaper
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf1ea"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf1ea"></span>Newspaper
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-newspaper"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-newspaper"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1ea;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf1ea;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x1ea</span>
+        <span class="kbd">&#xf1ea</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x247"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x247"></span>Object group
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf247"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf247"></span>Object group
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-object-group"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-object-group"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x247;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf247;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x247</span>
+        <span class="kbd">&#xf247</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x248"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x248"></span>Object ungroup
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf248"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf248"></span>Object ungroup
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-object-ungroup"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-object-ungroup"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x248;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf248;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x248</span>
+        <span class="kbd">&#xf248</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf12b"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#xf12b"></span>Outdent
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf03b"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf03b"></span>Outdent
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-outdent"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-outdent"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf12b;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf03b;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#xf12b</span>
+        <span class="kbd">&#xf03b</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1fc"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x1fc"></span>Paint brush
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf1fc"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf1fc"></span>Paint brush
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-paint-brush"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-paint-brush"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1fc;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf1fc;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x1fc</span>
+        <span class="kbd">&#xf1fc</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1d8"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x1d8"></span>Paper plane
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf1d8"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf1d8"></span>Paper plane
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-paper-plane"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-paper-plane"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1d8;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf1d8;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x1d8</span>
+        <span class="kbd">&#xf1d8</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xc6"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#xc6"></span>Paperclip
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf0c6"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf0c6"></span>Paperclip
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-paperclip"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-paperclip"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xc6;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf0c6;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#xc6</span>
+        <span class="kbd">&#xf0c6</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1dd"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x1dd"></span>Paragraph
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf1dd"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf1dd"></span>Paragraph
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-paragraph"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-paragraph"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1dd;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf1dd;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x1dd</span>
+        <span class="kbd">&#xf1dd</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xea"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#xea"></span>Paste
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf0ea"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf0ea"></span>Paste
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-paste"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-paste"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xea;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf0ea;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#xea</span>
+        <span class="kbd">&#xf0ea</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x4c"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x4c"></span>Pause circle
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf28b"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf28b"></span>Pause circle
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-pause-circle"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-pause-circle"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x4c;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf28b;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x4c</span>
+        <span class="kbd">&#xf28b</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x28b"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x28b"></span>Pause
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf04c"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf04c"></span>Pause
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-pause"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-pause"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x28b;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf04c;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x28b</span>
+        <span class="kbd">&#xf04c</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1b0"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x1b0"></span>Paw
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf1b0"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf1b0"></span>Paw
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-paw"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-paw"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1b0;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf1b0;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x1b0</span>
+        <span class="kbd">&#xf1b0</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x14b"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x14b"></span>Pen square
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf14b"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf14b"></span>Pen square
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-pen-square"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-pen-square"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x14b;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf14b;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x14b</span>
+        <span class="kbd">&#xf14b</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x303"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x303"></span>Pencil alt
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf303"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf303"></span>Pencil alt
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-pencil-alt"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-pencil-alt"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x303;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf303;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x303</span>
+        <span class="kbd">&#xf303</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x295"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x295"></span>Percent
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf295"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf295"></span>Percent
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-percent"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-percent"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x295;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf295;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x295</span>
+        <span class="kbd">&#xf295</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x2a0"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x2a0"></span>Phone
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf095"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf095"></span>Phone
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-phone"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-phone"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x2a0;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf095;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x2a0</span>
+        <span class="kbd">&#xf095</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x72"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x72"></span>Plane
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf072"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf072"></span>Plane
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-plane"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-plane"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x72;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf072;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x72</span>
+        <span class="kbd">&#xf072</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x4b"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x4b"></span>Play circle
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf144"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf144"></span>Play circle
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-play-circle"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-play-circle"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x4b;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf144;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x4b</span>
+        <span class="kbd">&#xf144</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x144"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x144"></span>Play
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf04b"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf04b"></span>Play
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-play"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-play"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x144;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf04b;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x144</span>
+        <span class="kbd">&#xf04b</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1e6"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x1e6"></span>Plug
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf1e6"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf1e6"></span>Plug
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-plug"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-plug"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1e6;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf1e6;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x1e6</span>
+        <span class="kbd">&#xf1e6</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf12e"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#xf12e"></span>Plus circle
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf055"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf055"></span>Plus circle
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-plus-circle"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-plus-circle"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf12e;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf055;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#xf12e</span>
+        <span class="kbd">&#xf055</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x55"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x55"></span>Plus square
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf0fe"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf0fe"></span>Plus square
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-plus-square"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-plus-square"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x55;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf0fe;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x55</span>
+        <span class="kbd">&#xf0fe</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xfe"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#xfe"></span>Plus
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf067"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf067"></span>Plus
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-plus"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-plus"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xfe;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf067;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#xfe</span>
+        <span class="kbd">&#xf067</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x2ce"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x2ce"></span>Podcast
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf2ce"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf2ce"></span>Podcast
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-podcast"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-podcast"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x2ce;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf2ce;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x2ce</span>
+        <span class="kbd">&#xf2ce</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x154"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x154"></span>Pound sign
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf154"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf154"></span>Pound sign
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-pound-sign"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-pound-sign"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x154;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf154;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x154</span>
+        <span class="kbd">&#xf154</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x11"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x11"></span>Power off
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf011"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf011"></span>Power off
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-power-off"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-power-off"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x11;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf011;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x11</span>
+        <span class="kbd">&#xf011</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf133"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#xf133"></span>Print
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf02f"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf02f"></span>Print
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-print"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-print"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf133;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf02f;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#xf133</span>
+        <span class="kbd">&#xf02f</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x12e"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x12e"></span>Puzzle piece
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf12e"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf12e"></span>Puzzle piece
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-puzzle-piece"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-puzzle-piece"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x12e;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf12e;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x12e</span>
+        <span class="kbd">&#xf12e</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf134"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#xf134"></span>Qrcode
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf029"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf029"></span>Qrcode
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-qrcode"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-qrcode"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf134;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf029;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#xf134</span>
+        <span class="kbd">&#xf029</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x128"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x128"></span>Question circle
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf059"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf059"></span>Question circle
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-question-circle"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-question-circle"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x128;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf059;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x128</span>
+        <span class="kbd">&#xf059</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf130"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#xf130"></span>Question
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf128"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf128"></span>Question
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-question"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-question"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf130;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf128;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#xf130</span>
+        <span class="kbd">&#xf128</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x10d"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x10d"></span>Quote left
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf10d"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf10d"></span>Quote left
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-quote-left"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-quote-left"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x10d;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf10d;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x10d</span>
+        <span class="kbd">&#xf10d</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x10e"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x10e"></span>Quote right
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf10e"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf10e"></span>Quote right
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-quote-right"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-quote-right"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x10e;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf10e;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x10e</span>
+        <span class="kbd">&#xf10e</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf131"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#xf131"></span>Random
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf074"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf074"></span>Random
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-random"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-random"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf131;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf074;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#xf131</span>
+        <span class="kbd">&#xf074</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1b8"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x1b8"></span>Recycle
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf1b8"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf1b8"></span>Recycle
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-recycle"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-recycle"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1b8;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf1b8;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x1b8</span>
+        <span class="kbd">&#xf1b8</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1e"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x1e"></span>Redo alt
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf2f9"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf2f9"></span>Redo alt
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-redo-alt"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-redo-alt"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1e;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf2f9;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x1e</span>
+        <span class="kbd">&#xf2f9</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x2f9"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x2f9"></span>Redo
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf01e"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf01e"></span>Redo
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-redo"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-redo"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x2f9;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf01e;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x2f9</span>
+        <span class="kbd">&#xf01e</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x3e5"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x3e5"></span>Reply all
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf122"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf122"></span>Reply all
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-reply-all"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-reply-all"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x3e5;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf122;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x3e5</span>
+        <span class="kbd">&#xf122</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x122"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x122"></span>Reply
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf3e5"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf3e5"></span>Reply
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-reply"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-reply"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x122;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf3e5;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x122</span>
+        <span class="kbd">&#xf3e5</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf132"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#xf132"></span>Retweet
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf079"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf079"></span>Retweet
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-retweet"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-retweet"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf132;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf079;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#xf132</span>
+        <span class="kbd">&#xf079</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x18"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x18"></span>Road
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf018"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf018"></span>Road
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-road"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-road"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x18;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf018;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x18</span>
+        <span class="kbd">&#xf018</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x135"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x135"></span>Rocket
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf135"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf135"></span>Rocket
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-rocket"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-rocket"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x135;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf135;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x135</span>
+        <span class="kbd">&#xf135</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x143"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x143"></span>Rss
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf09e"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf09e"></span>Rss
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-rss"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-rss"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x143;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf09e;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x143</span>
+        <span class="kbd">&#xf09e</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x158"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x158"></span>Ruble sign
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf158"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf158"></span>Ruble sign
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-ruble-sign"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-ruble-sign"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x158;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf158;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x158</span>
+        <span class="kbd">&#xf158</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x156"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x156"></span>Rupee sign
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf156"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf156"></span>Rupee sign
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-rupee-sign"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-rupee-sign"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x156;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf156;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x156</span>
+        <span class="kbd">&#xf156</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x2"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x2"></span>Search minus
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf010"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf010"></span>Search minus
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-search-minus"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-search-minus"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x2;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf010;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x2</span>
+        <span class="kbd">&#xf010</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x10"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x10"></span>Search plus
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf00e"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf00e"></span>Search plus
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-search-plus"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-search-plus"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x10;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf00e;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x10</span>
+        <span class="kbd">&#xf00e</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xe"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#xe"></span>Search
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf002"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf002"></span>Search
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-search"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-search"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xe;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf002;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#xe</span>
+        <span class="kbd">&#xf002</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x233"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x233"></span>Server
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf233"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf233"></span>Server
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-server"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-server"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x233;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf233;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x233</span>
+        <span class="kbd">&#xf233</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1e0"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x1e0"></span>Share alt
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf1e0"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf1e0"></span>Share alt
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-share-alt"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-share-alt"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1e0;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf1e0;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x1e0</span>
+        <span class="kbd">&#xf1e0</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1e1"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x1e1"></span>Share square
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf14d"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf14d"></span>Share square
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-share-square"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-share-square"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1e1;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf14d;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x1e1</span>
+        <span class="kbd">&#xf14d</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x14d"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x14d"></span>Share
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf064"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf064"></span>Share
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-share"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-share"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x14d;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf064;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x14d</span>
+        <span class="kbd">&#xf064</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x20b"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x20b"></span>Shekel sign
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf20b"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf20b"></span>Shekel sign
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-shekel-sign"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-shekel-sign"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x20b;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf20b;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x20b</span>
+        <span class="kbd">&#xf20b</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x3ed"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x3ed"></span>Shield alt
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf3ed"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf3ed"></span>Shield alt
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-shield-alt"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-shield-alt"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x3ed;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf3ed;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x3ed</span>
+        <span class="kbd">&#xf3ed</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x21a"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x21a"></span>Ship
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf21a"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf21a"></span>Ship
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-ship"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-ship"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x21a;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf21a;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x21a</span>
+        <span class="kbd">&#xf21a</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x2cc"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x2cc"></span>Shower
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf2cc"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf2cc"></span>Shower
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-shower"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-shower"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x2cc;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf2cc;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x2cc</span>
+        <span class="kbd">&#xf2cc</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x2f6"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x2f6"></span>Sign in alt
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf2f6"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf2f6"></span>Sign in alt
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-sign-in-alt"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-sign-in-alt"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x2f6;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf2f6;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x2f6</span>
+        <span class="kbd">&#xf2f6</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x2a7"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x2a7"></span>Sign language
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf2a7"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf2a7"></span>Sign language
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-sign-language"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-sign-language"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x2a7;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf2a7;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x2a7</span>
+        <span class="kbd">&#xf2a7</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x2f5"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x2f5"></span>Sign out alt
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf2f5"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf2f5"></span>Sign out alt
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-sign-out-alt"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-sign-out-alt"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x2f5;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf2f5;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x2f5</span>
+        <span class="kbd">&#xf2f5</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x12"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x12"></span>Signal
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf012"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf012"></span>Signal
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-signal"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-signal"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x12;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf012;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x12</span>
+        <span class="kbd">&#xf012</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xe8"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#xe8"></span>Sitemap
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf0e8"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf0e8"></span>Sitemap
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-sitemap"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-sitemap"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xe8;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf0e8;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#xe8</span>
+        <span class="kbd">&#xf0e8</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1de"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x1de"></span>Sliders h
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf1de"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf1de"></span>Sliders h
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-sliders-h"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-sliders-h"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1de;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf1de;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x1de</span>
+        <span class="kbd">&#xf1de</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x118"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x118"></span>Smile
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf118"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf118"></span>Smile
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-smile"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-smile"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x118;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf118;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x118</span>
+        <span class="kbd">&#xf118</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x2dc"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x2dc"></span>Snowflake
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf2dc"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf2dc"></span>Snowflake
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-snowflake"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-snowflake"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x2dc;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf2dc;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x2dc</span>
+        <span class="kbd">&#xf2dc</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xdc"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#xdc"></span>Sort alpha down
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf15d"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf15d"></span>Sort alpha down
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-sort-alpha-down"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-sort-alpha-down"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xdc;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf15d;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#xdc</span>
+        <span class="kbd">&#xf15d</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x15d"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x15d"></span>Sort alpha up
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf15e"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf15e"></span>Sort alpha up
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-sort-alpha-up"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-sort-alpha-up"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x15d;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf15e;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x15d</span>
+        <span class="kbd">&#xf15e</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x15e"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x15e"></span>Sort amount down
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf160"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf160"></span>Sort amount down
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-sort-amount-down"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-sort-amount-down"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x15e;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf160;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x15e</span>
+        <span class="kbd">&#xf160</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x160"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x160"></span>Sort amount up
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf161"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf161"></span>Sort amount up
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-sort-amount-up"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-sort-amount-up"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x160;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf161;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x160</span>
+        <span class="kbd">&#xf161</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x161"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x161"></span>Sort down
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf0dd"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf0dd"></span>Sort down
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-sort-down"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-sort-down"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x161;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf0dd;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x161</span>
+        <span class="kbd">&#xf0dd</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xdd"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#xdd"></span>Sort numeric down
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf162"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf162"></span>Sort numeric down
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-sort-numeric-down"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-sort-numeric-down"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xdd;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf162;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#xdd</span>
+        <span class="kbd">&#xf162</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x162"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x162"></span>Sort numeric up
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf163"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf163"></span>Sort numeric up
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-sort-numeric-up"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-sort-numeric-up"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x162;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf163;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x162</span>
+        <span class="kbd">&#xf163</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x163"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x163"></span>Sort up
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf0de"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf0de"></span>Sort up
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-sort-up"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-sort-up"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x163;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf0de;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x163</span>
+        <span class="kbd">&#xf0de</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xde"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#xde"></span>Sort
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf0dc"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf0dc"></span>Sort
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-sort"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-sort"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xde;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf0dc;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#xde</span>
+        <span class="kbd">&#xf0dc</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x110"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x110"></span>Spinner
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf110"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf110"></span>Spinner
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-spinner"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-spinner"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x110;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf110;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x110</span>
+        <span class="kbd">&#xf110</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xc8"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#xc8"></span>Square full
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf45c"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf45c"></span>Square full
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-square-full"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-square-full"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xc8;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf45c;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#xc8</span>
+        <span class="kbd">&#xf45c</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x45c"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x45c"></span>Square
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf0c8"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf0c8"></span>Square
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-square"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-square"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x45c;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf0c8;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x45c</span>
+        <span class="kbd">&#xf0c8</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x5"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x5"></span>Star half
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf089"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf089"></span>Star half
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-star-half"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-star-half"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x5;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf089;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x5</span>
+        <span class="kbd">&#xf089</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf135"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#xf135"></span>Star
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf005"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf005"></span>Star
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-star"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-star"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf135;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf005;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#xf135</span>
+        <span class="kbd">&#xf005</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x48"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x48"></span>Step backward
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf048"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf048"></span>Step backward
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-step-backward"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-step-backward"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x48;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf048;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x48</span>
+        <span class="kbd">&#xf048</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf136"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#xf136"></span>Step forward
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf051"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf051"></span>Step forward
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-step-forward"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-step-forward"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf136;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf051;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#xf136</span>
+        <span class="kbd">&#xf051</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf1"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#xf1"></span>Stethoscope
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf0f1"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf0f1"></span>Stethoscope
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-stethoscope"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-stethoscope"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf1;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf0f1;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#xf1</span>
+        <span class="kbd">&#xf0f1</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x249"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x249"></span>Sticky note
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf249"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf249"></span>Sticky note
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-sticky-note"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-sticky-note"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x249;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf249;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x249</span>
+        <span class="kbd">&#xf249</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf137"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#xf137"></span>Stop circle
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf28d"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf28d"></span>Stop circle
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-stop-circle"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-stop-circle"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf137;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf28d;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#xf137</span>
+        <span class="kbd">&#xf28d</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x28d"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x28d"></span>Stop
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf04d"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf04d"></span>Stop
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-stop"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-stop"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x28d;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf04d;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x28d</span>
+        <span class="kbd">&#xf04d</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x2f2"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x2f2"></span>Stopwatch
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf2f2"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf2f2"></span>Stopwatch
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-stopwatch"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-stopwatch"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x2f2;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf2f2;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x2f2</span>
+        <span class="kbd">&#xf2f2</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x21d"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x21d"></span>Street view
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf21d"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf21d"></span>Street view
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-street-view"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-street-view"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x21d;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf21d;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x21d</span>
+        <span class="kbd">&#xf21d</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xcc"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#xcc"></span>Strikethrough
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf0cc"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf0cc"></span>Strikethrough
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-strikethrough"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-strikethrough"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xcc;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf0cc;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#xcc</span>
+        <span class="kbd">&#xf0cc</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x12c"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x12c"></span>Subscript
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf12c"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf12c"></span>Subscript
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-subscript"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-subscript"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x12c;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf12c;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x12c</span>
+        <span class="kbd">&#xf12c</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x239"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x239"></span>Subway
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf239"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf239"></span>Subway
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-subway"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-subway"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x239;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf239;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x239</span>
+        <span class="kbd">&#xf239</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf2"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#xf2"></span>Suitcase
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf0f2"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf0f2"></span>Suitcase
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-suitcase"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-suitcase"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf2;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf0f2;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#xf2</span>
+        <span class="kbd">&#xf0f2</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x185"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x185"></span>Sun
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf185"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf185"></span>Sun
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-sun"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-sun"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x185;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf185;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x185</span>
+        <span class="kbd">&#xf185</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x12b"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x12b"></span>Superscript
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf12b"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf12b"></span>Superscript
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-superscript"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-superscript"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x12b;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf12b;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x12b</span>
+        <span class="kbd">&#xf12b</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf140"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#xf140"></span>Sync alt
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf2f1"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf2f1"></span>Sync alt
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-sync-alt"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-sync-alt"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf140;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf2f1;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#xf140</span>
+        <span class="kbd">&#xf2f1</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x2f1"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x2f1"></span>Sync
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf021"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf021"></span>Sync
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-sync"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-sync"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x2f1;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf021;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x2f1</span>
+        <span class="kbd">&#xf021</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xce"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#xce"></span>Table tennis
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf45d"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf45d"></span>Table tennis
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-table-tennis"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-table-tennis"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xce;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf45d;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#xce</span>
+        <span class="kbd">&#xf45d</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x45d"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x45d"></span>Table
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf0ce"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf0ce"></span>Table
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-table"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-table"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x45d;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf0ce;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x45d</span>
+        <span class="kbd">&#xf0ce</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x10a"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x10a"></span>Tablet alt
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf3fa"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf3fa"></span>Tablet alt
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-tablet-alt"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-tablet-alt"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x10a;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf3fa;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x10a</span>
+        <span class="kbd">&#xf3fa</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x3fa"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x3fa"></span>Tablet
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf10a"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf10a"></span>Tablet
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-tablet"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-tablet"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x3fa;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf10a;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x3fa</span>
+        <span class="kbd">&#xf10a</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x3fd"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x3fd"></span>Tachometer alt
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf3fd"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf3fd"></span>Tachometer alt
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-tachometer-alt"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-tachometer-alt"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x3fd;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf3fd;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x3fd</span>
+        <span class="kbd">&#xf3fd</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf138"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#xf138"></span>Tag
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf02b"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf02b"></span>Tag
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-tag"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-tag"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf138;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf02b;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#xf138</span>
+        <span class="kbd">&#xf02b</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x2c"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x2c"></span>Tags
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf02c"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf02c"></span>Tags
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-tags"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-tags"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x2c;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf02c;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x2c</span>
+        <span class="kbd">&#xf02c</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xae"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#xae"></span>Tasks
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf0ae"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf0ae"></span>Tasks
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-tasks"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-tasks"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xae;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf0ae;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#xae</span>
+        <span class="kbd">&#xf0ae</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1ba"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x1ba"></span>Taxi
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf1ba"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf1ba"></span>Taxi
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-taxi"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-taxi"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1ba;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf1ba;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x1ba</span>
+        <span class="kbd">&#xf1ba</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x120"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x120"></span>Terminal
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf120"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf120"></span>Terminal
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-terminal"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-terminal"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x120;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf120;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x120</span>
+        <span class="kbd">&#xf120</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf145"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#xf145"></span>Text height
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf034"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf034"></span>Text height
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-text-height"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-text-height"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf145;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf034;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#xf145</span>
+        <span class="kbd">&#xf034</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf139"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#xf139"></span>Text width
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf035"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf035"></span>Text width
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-text-width"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-text-width"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf139;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf035;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#xf139</span>
+        <span class="kbd">&#xf035</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf13a"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#xf13a"></span>Th large
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf009"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf009"></span>Th large
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-th-large"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-th-large"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf13a;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf009;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#xf13a</span>
+        <span class="kbd">&#xf009</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf13b"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#xf13b"></span>Th list
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf00b"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf00b"></span>Th list
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-th-list"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-th-list"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf13b;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf00b;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#xf13b</span>
+        <span class="kbd">&#xf00b</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xb"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#xb"></span>Th
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf00a"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf00a"></span>Th
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-th"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-th"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xb;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf00a;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#xb</span>
+        <span class="kbd">&#xf00a</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x2cb"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x2cb"></span>Thermometer empty
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf2cb"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf2cb"></span>Thermometer empty
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-thermometer-empty"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-thermometer-empty"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x2cb;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf2cb;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x2cb</span>
+        <span class="kbd">&#xf2cb</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x2c7"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x2c7"></span>Thermometer full
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf2c7"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf2c7"></span>Thermometer full
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-thermometer-full"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-thermometer-full"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x2c7;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf2c7;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x2c7</span>
+        <span class="kbd">&#xf2c7</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x2c9"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x2c9"></span>Thermometer half
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf2c9"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf2c9"></span>Thermometer half
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-thermometer-half"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-thermometer-half"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x2c9;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf2c9;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x2c9</span>
+        <span class="kbd">&#xf2c9</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x2ca"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x2ca"></span>Thermometer quarter
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf2ca"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf2ca"></span>Thermometer quarter
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-thermometer-quarter"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-thermometer-quarter"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x2ca;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf2ca;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x2ca</span>
+        <span class="kbd">&#xf2ca</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x2c8"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x2c8"></span>Thermometer three quarters
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf2c8"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf2c8"></span>Thermometer three quarters
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-thermometer-three-quarters"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-thermometer-three-quarters"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x2c8;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf2c8;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x2c8</span>
+        <span class="kbd">&#xf2c8</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x165"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x165"></span>Thumbs down
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf165"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf165"></span>Thumbs down
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-thumbs-down"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-thumbs-down"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x165;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf165;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x165</span>
+        <span class="kbd">&#xf165</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x164"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x164"></span>Thumbs up
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf164"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf164"></span>Thumbs up
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-thumbs-up"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-thumbs-up"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x164;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf164;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x164</span>
+        <span class="kbd">&#xf164</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x8d"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x8d"></span>Thumbtack
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf08d"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf08d"></span>Thumbtack
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-thumbtack"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-thumbtack"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x8d;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf08d;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x8d</span>
+        <span class="kbd">&#xf08d</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x3ff"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x3ff"></span>Ticket alt
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf3ff"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf3ff"></span>Ticket alt
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-ticket-alt"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-ticket-alt"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x3ff;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf3ff;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x3ff</span>
+        <span class="kbd">&#xf3ff</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf13c"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#xf13c"></span>Times circle
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf057"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf057"></span>Times circle
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-times-circle"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-times-circle"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf13c;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf057;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#xf13c</span>
+        <span class="kbd">&#xf057</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x57"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x57"></span>Times
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf00d"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf00d"></span>Times
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-times"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-times"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x57;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf00d;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x57</span>
+        <span class="kbd">&#xf00d</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf141"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#xf141"></span>Tint
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf043"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf043"></span>Tint
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-tint"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-tint"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf141;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf043;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#xf141</span>
+        <span class="kbd">&#xf043</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x204"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x204"></span>Toggle off
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf204"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf204"></span>Toggle off
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-toggle-off"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-toggle-off"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x204;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf204;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x204</span>
+        <span class="kbd">&#xf204</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x205"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x205"></span>Toggle on
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf205"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf205"></span>Toggle on
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-toggle-on"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-toggle-on"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x205;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf205;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x205</span>
+        <span class="kbd">&#xf205</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x25c"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x25c"></span>Trademark
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf25c"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf25c"></span>Trademark
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-trademark"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-trademark"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x25c;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf25c;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x25c</span>
+        <span class="kbd">&#xf25c</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x238"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x238"></span>Train
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf238"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf238"></span>Train
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-train"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-train"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x238;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf238;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x238</span>
+        <span class="kbd">&#xf238</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x224"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x224"></span>Transgender alt
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf225"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf225"></span>Transgender alt
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-transgender-alt"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-transgender-alt"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x224;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf225;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x224</span>
+        <span class="kbd">&#xf225</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x225"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x225"></span>Transgender
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf224"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf224"></span>Transgender
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-transgender"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-transgender"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x225;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf224;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x225</span>
+        <span class="kbd">&#xf224</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1f8"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x1f8"></span>Trash alt
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf2ed"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf2ed"></span>Trash alt
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-trash-alt"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-trash-alt"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1f8;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf2ed;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x1f8</span>
+        <span class="kbd">&#xf2ed</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x2ed"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x2ed"></span>Trash
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf1f8"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf1f8"></span>Trash
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-trash"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-trash"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x2ed;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf1f8;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x2ed</span>
+        <span class="kbd">&#xf1f8</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1bb"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x1bb"></span>Tree
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf1bb"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf1bb"></span>Tree
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-tree"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-tree"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1bb;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf1bb;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x1bb</span>
+        <span class="kbd">&#xf1bb</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf13d"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#xf13d"></span>Trophy
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf091"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf091"></span>Trophy
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">&lt;i class="icon-ebi icon-trophy"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf091;"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf091</span>
+      </div>
+    </div>
+
+    
+    
+    
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf0d1"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf0d1"></span>Truck
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">&lt;i class="icon-ebi icon-truck"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf0d1;"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf0d1</span>
+      </div>
+    </div>
+
+    
+    
+    
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf1e4"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf1e4"></span>Tty
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">&lt;i class="icon-ebi icon-tty"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf1e4;"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf1e4</span>
+      </div>
+    </div>
+
+    
+    
+    
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf26c"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf26c"></span>Tv
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">&lt;i class="icon-ebi icon-tv"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf26c;"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf26c</span>
+      </div>
+    </div>
+
+    
+    
+    
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf0e9"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf0e9"></span>Umbrella
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">&lt;i class="icon-ebi icon-umbrella"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf0e9;"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf0e9</span>
+      </div>
+    </div>
+
+    
+    
+    
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf0cd"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf0cd"></span>Underline
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">&lt;i class="icon-ebi icon-underline"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf0cd;"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf0cd</span>
+      </div>
+    </div>
+
+    
+    
+    
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf2ea"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf2ea"></span>Undo alt
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">&lt;i class="icon-ebi icon-undo-alt"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf2ea;"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf2ea</span>
+      </div>
+    </div>
+
+    
+    
+    
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf0e2"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf0e2"></span>Undo
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">&lt;i class="icon-ebi icon-undo"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf0e2;"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf0e2</span>
+      </div>
+    </div>
+
+    
+    
+    
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf29a"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf29a"></span>Universal access
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">&lt;i class="icon-ebi icon-universal-access"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf29a;"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf29a</span>
+      </div>
+    </div>
+
+    
+    
+    
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf19c"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf19c"></span>University
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">&lt;i class="icon-ebi icon-university"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf19c;"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf19c</span>
+      </div>
+    </div>
+
+    
+    
+    
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf127"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf127"></span>Unlink
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">&lt;i class="icon-ebi icon-unlink"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf127;"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf127</span>
+      </div>
+    </div>
+
+    
+    
+    
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf13e"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf13e"></span>Unlock alt
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">&lt;i class="icon-ebi icon-unlock-alt"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf13e;"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf13e</span>
+      </div>
+    </div>
+
+    
+    
+    
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf09c"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf09c"></span>Unlock
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">&lt;i class="icon-ebi icon-unlock"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf09c;"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf09c</span>
+      </div>
+    </div>
+
+    
+    
+    
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf093"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf093"></span>Upload
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">&lt;i class="icon-ebi icon-upload"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf093;"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf093</span>
+      </div>
+    </div>
+
+    
+    
+    
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf2bd"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf2bd"></span>User circle
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">&lt;i class="icon-ebi icon-user-circle"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf2bd;"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf2bd</span>
+      </div>
+    </div>
+
+    
+    
+    
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf0f0"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf0f0"></span>User md
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">&lt;i class="icon-ebi icon-user-md"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf0f0;"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf0f0</span>
+      </div>
+    </div>
+
+    
+    
+    
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf234"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf234"></span>User plus
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">&lt;i class="icon-ebi icon-user-plus"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf234;"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf234</span>
+      </div>
+    </div>
+
+    
+    
+    
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf21b"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf21b"></span>User secret
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">&lt;i class="icon-ebi icon-user-secret"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf21b;"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf21b</span>
+      </div>
+    </div>
+
+    
+    
+    
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf235"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf235"></span>User times
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">&lt;i class="icon-ebi icon-user-times"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf235;"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf235</span>
+      </div>
+    </div>
+
+    
+    
+    
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf007"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf007"></span>User
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">&lt;i class="icon-ebi icon-user"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf007;"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf007</span>
+      </div>
+    </div>
+
+    
+    
+    
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf0c0"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf0c0"></span>Users
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">&lt;i class="icon-ebi icon-users"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf0c0;"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf0c0</span>
+      </div>
+    </div>
+
+    
+    
+    
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf2e5"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf2e5"></span>Utensil spoon
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">&lt;i class="icon-ebi icon-utensil-spoon"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf2e5;"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf2e5</span>
+      </div>
+    </div>
+
+    
+    
+    
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf2e7"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf2e7"></span>Utensils
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">&lt;i class="icon-ebi icon-utensils"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf2e7;"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf2e7</span>
+      </div>
+    </div>
+
+    
+    
+    
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf226"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf226"></span>Venus double
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">&lt;i class="icon-ebi icon-venus-double"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf226;"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf226</span>
+      </div>
+    </div>
+
+    
+    
+    
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf228"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf228"></span>Venus mars
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">&lt;i class="icon-ebi icon-venus-mars"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf228;"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf228</span>
+      </div>
+    </div>
+
+    
+    
+    
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf221"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf221"></span>Venus
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">&lt;i class="icon-ebi icon-venus"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf221;"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf221</span>
+      </div>
+    </div>
+
+    
+    
+    
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf03d"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf03d"></span>Video
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">&lt;i class="icon-ebi icon-video"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf03d;"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf03d</span>
+      </div>
+    </div>
+
+    
+    
+    
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf45f"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf45f"></span>Volleyball ball
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">&lt;i class="icon-ebi icon-volleyball-ball"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf45f;"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf45f</span>
+      </div>
+    </div>
+
+    
+    
+    
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf027"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf027"></span>Volume down
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">&lt;i class="icon-ebi icon-volume-down"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf027;"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf027</span>
+      </div>
+    </div>
+
+    
+    
+    
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf026"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf026"></span>Volume off
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">&lt;i class="icon-ebi icon-volume-off"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf026;"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf026</span>
+      </div>
+    </div>
+
+    
+    
+    
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf028"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf028"></span>Volume up
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">&lt;i class="icon-ebi icon-volume-up"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf028;"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf028</span>
+      </div>
+    </div>
+
+    
+    
+    
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf193"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf193"></span>Wheelchair
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">&lt;i class="icon-ebi icon-wheelchair"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf193;"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf193</span>
+      </div>
+    </div>
+
+    
+    
+    
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf1eb"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf1eb"></span>Wifi
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">&lt;i class="icon-ebi icon-wifi"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf1eb;"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf1eb</span>
+      </div>
+    </div>
+
+    
+    
+    
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf410"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf410"></span>Window close
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">&lt;i class="icon-ebi icon-window-close"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf410;"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf410</span>
+      </div>
+    </div>
+
+    
+    
+    
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf2d0"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf2d0"></span>Window maximize
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">&lt;i class="icon-ebi icon-window-maximize"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf2d0;"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf2d0</span>
+      </div>
+    </div>
+
+    
+    
+    
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf2d1"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf2d1"></span>Window minimize
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">&lt;i class="icon-ebi icon-window-minimize"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf2d1;"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf2d1</span>
+      </div>
+    </div>
+
+    
+    
+    
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf2d2"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf2d2"></span>Window restore
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">&lt;i class="icon-ebi icon-window-restore"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf2d2;"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf2d2</span>
+      </div>
+    </div>
+
+    
+    
+    
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf159"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf159"></span>Won sign
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">&lt;i class="icon-ebi icon-won-sign"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf159;"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf159</span>
+      </div>
+    </div>
+
+    
+    
+    
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf0ad"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf0ad"></span>Wrench
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">&lt;i class="icon-ebi icon-wrench"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf0ad;"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf0ad</span>
+      </div>
+    </div>
+
+    
+    
+    
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf157"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf157"></span>Yen sign
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">&lt;i class="icon-ebi icon-yen-sign"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf157;"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf157</span>
+      </div>
+    </div>
+
+    
+    
+    
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf10c"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf10c"></span>Add job
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">&lt;i class="icon-ebi icon-add-job"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf10c;"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf10c</span>
+      </div>
+    </div>
+
+    
+    
+    
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf10f"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf10f"></span>Add user
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">&lt;i class="icon-ebi icon-add-user"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf10f;"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf10f</span>
+      </div>
+    </div>
+
+    
+    
+    
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf112"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf112"></span>Add
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">&lt;i class="icon-ebi icon-add"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf112;"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf112</span>
+      </div>
+    </div>
+
+    
+    
+    
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf114"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf114"></span>Align
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">&lt;i class="icon-ebi icon-align"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf114;"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf114</span>
+      </div>
+    </div>
+
+    
+    
+    
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf115"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf115"></span>Analyse graph
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">&lt;i class="icon-ebi icon-analyse-graph"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf115;"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf115</span>
+      </div>
+    </div>
+
+    
+    
+    
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf116"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf116"></span>Analyse percent 0
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">&lt;i class="icon-ebi icon-analyse-percent_0"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf116;"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf116</span>
+      </div>
+    </div>
+
+    
+    
+    
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf117"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf117"></span>Analyse percent 100
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">&lt;i class="icon-ebi icon-analyse-percent_100"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf117;"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf117</span>
+      </div>
+    </div>
+
+    
+    
+    
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf11d"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf11d"></span>Analyse percent 40
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">&lt;i class="icon-ebi icon-analyse-percent_40"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf11d;"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf11d</span>
+      </div>
+    </div>
+
+    
+    
+    
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf11f"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf11f"></span>Analyse
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">&lt;i class="icon-ebi icon-analyse"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf11f;"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf11f</span>
+      </div>
+    </div>
+
+    
+    
+    
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf123"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf123"></span>Approve
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">&lt;i class="icon-ebi icon-approve"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf123;"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf123</span>
+      </div>
+    </div>
+
+    
+    
+    
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf12f"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf12f"></span>Approved job
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">&lt;i class="icon-ebi icon-approved-job"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf12f;"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf12f</span>
+      </div>
+    </div>
+
+    
+    
+    
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf132"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf132"></span>Attach
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">&lt;i class="icon-ebi icon-attach"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf132;"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf132</span>
+      </div>
+    </div>
+
+    
+    
+    
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf13f"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf13f"></span>Browse
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">&lt;i class="icon-ebi icon-browse"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf13f;"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf13f</span>
+      </div>
+    </div>
+
+    
+    
+    
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf145"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf145"></span>Close
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">&lt;i class="icon-ebi icon-close"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf145;"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf145</span>
+      </div>
+    </div>
+
+    
+    
+    
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf147"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf147"></span>Collapse closed
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">&lt;i class="icon-ebi icon-collapse-closed"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf147;"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf147</span>
+      </div>
+    </div>
+
+    
+    
+    
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf148"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf148"></span>Collapse open
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">&lt;i class="icon-ebi icon-collapse-open"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf148;"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf148</span>
+      </div>
+    </div>
+
+    
+    
+    
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf149"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf149"></span>Collapse
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">&lt;i class="icon-ebi icon-collapse"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf149;"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf149</span>
+      </div>
+    </div>
+
+    
+    
+    
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf14c"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf14c"></span>Compare
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">&lt;i class="icon-ebi icon-compare"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf14c;"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf14c</span>
+      </div>
+    </div>
+
+    
+    
+    
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf125"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf125"></span>Crop
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">&lt;i class="icon-ebi icon-crop"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf125;"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf125</span>
+      </div>
+    </div>
+
+    
+    
+    
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf0c4"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf0c4"></span>Cut
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">&lt;i class="icon-ebi icon-cut"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf0c4;"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf0c4</span>
+      </div>
+    </div>
+
+    
+    
+    
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf14f"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf14f"></span>Database submit
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">&lt;i class="icon-ebi icon-database-submit"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf14f;"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf14f</span>
+      </div>
+    </div>
+
+    
+    
+    
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf15f"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf15f"></span>Delete
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">&lt;i class="icon-ebi icon-delete"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf15f;"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf15f</span>
+      </div>
+    </div>
+
+    
+    
+    
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf166"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf166"></span>Down page
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">&lt;i class="icon-ebi icon-down-page"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf166;"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf166</span>
+      </div>
+    </div>
+
+    
+    
+    
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf019"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf019"></span>Download
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">&lt;i class="icon-ebi icon-download"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf019;"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf019</span>
+      </div>
+    </div>
+
+    
+    
+    
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf16a"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf16a"></span>Edit user
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">&lt;i class="icon-ebi icon-edit-user"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf16a;"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf16a</span>
+      </div>
+    </div>
+
+    
+    
+    
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf044"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf044"></span>Edit
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">&lt;i class="icon-ebi icon-edit"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf044;"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf044</span>
+      </div>
+    </div>
+
+    
+    
+    
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf065"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf065"></span>Expand
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">&lt;i class="icon-ebi icon-expand"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf065;"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf065</span>
+      </div>
+    </div>
+
+    
+    
+    
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf0b0"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf0b0"></span>Filter
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">&lt;i class="icon-ebi icon-filter"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf0b0;"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf0b0</span>
+      </div>
+    </div>
+
+    
+    
+    
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf16f"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf16f"></span>First page
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">&lt;i class="icon-ebi icon-first-page"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf16f;"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf16f</span>
+      </div>
+    </div>
+
+    
+    
+    
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf172"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf172"></span>Fullscreen
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">&lt;i class="icon-ebi icon-fullscreen"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf172;"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf172</span>
+      </div>
+    </div>
+
+    
+    
+    
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf175"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf175"></span>Hierarchy
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">&lt;i class="icon-ebi icon-hierarchy"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf175;"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf175</span>
+      </div>
+    </div>
+
+    
+    
+    
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf176"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf176"></span>Last page
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">&lt;i class="icon-ebi icon-last-page"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf176;"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf176</span>
+      </div>
+    </div>
+
+    
+    
+    
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf177"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf177"></span>Like
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">&lt;i class="icon-ebi icon-like"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf177;"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf177</span>
+      </div>
+    </div>
+
+    
+    
+    
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf023"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf023"></span>Lock
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">&lt;i class="icon-ebi icon-lock"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf023;"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf023</span>
+      </div>
+    </div>
+
+    
+    
+    
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf178"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf178"></span>Login
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">&lt;i class="icon-ebi icon-login"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf178;"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf178</span>
+      </div>
+    </div>
+
+    
+    
+    
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf17f"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf17f"></span>Mapping
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">&lt;i class="icon-ebi icon-mapping"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf17f;"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf17f</span>
+      </div>
+    </div>
+
+    
+    
+    
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf18e"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf18e"></span>Menu
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">&lt;i class="icon-ebi icon-menu"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf18e;"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf18e</span>
+      </div>
+    </div>
+
+    
+    
+    
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf18f"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf18f"></span>Move
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">&lt;i class="icon-ebi icon-move"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf18f;"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf18f</span>
+      </div>
+    </div>
+
+    
+    
+    
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf190"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf190"></span>Next page
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">&lt;i class="icon-ebi icon-next-page"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf190;"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf190</span>
+      </div>
+    </div>
+
+    
+    
+    
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf04b"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf04b"></span>Play
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">&lt;i class="icon-ebi icon-play"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf04b;"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf04b</span>
+      </div>
+    </div>
+
+    
+    
+    
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf196"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf196"></span>Previous page
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">&lt;i class="icon-ebi icon-previous-page"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf196;"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf196</span>
+      </div>
+    </div>
+
+    
+    
+    
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf02f"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf02f"></span>Print
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">&lt;i class="icon-ebi icon-print"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf02f;"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf02f</span>
+      </div>
+    </div>
+
+    
+    
+    
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf01e"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf01e"></span>Redo
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">&lt;i class="icon-ebi icon-redo"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf01e;"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf01e</span>
+      </div>
+    </div>
+
+    
+    
+    
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf19f"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf19f"></span>Refresh
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">&lt;i class="icon-ebi icon-refresh"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf19f;"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf19f</span>
+      </div>
+    </div>
+
+    
+    
+    
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf1af"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf1af"></span>Remove user
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">&lt;i class="icon-ebi icon-remove-user"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf1af;"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf1af</span>
+      </div>
+    </div>
+
+    
+    
+    
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf1b1"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf1b1"></span>Remove
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">&lt;i class="icon-ebi icon-remove"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf1b1;"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf1b1</span>
+      </div>
+    </div>
+
+    
+    
+    
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf0c7"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf0c7"></span>Save
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">&lt;i class="icon-ebi icon-save"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf0c7;"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf0c7</span>
+      </div>
+    </div>
+
+    
+    
+    
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf1bf"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf1bf"></span>Scaleable
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">&lt;i class="icon-ebi icon-scaleable"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf1bf;"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf1bf</span>
+      </div>
+    </div>
+
+    
+    
+    
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf1cf"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf1cf"></span>Search document
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">&lt;i class="icon-ebi icon-search-document"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf1cf;"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf1cf</span>
+      </div>
+    </div>
+
+    
+    
+    
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf002"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf002"></span>Search
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">&lt;i class="icon-ebi icon-search"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf002;"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf002</span>
+      </div>
+    </div>
+
+    
+    
+    
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf1d9"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf1d9"></span>Send
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">&lt;i class="icon-ebi icon-send"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf1d9;"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf1d9</span>
+      </div>
+    </div>
+
+    
+    
+    
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf1db"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf1db"></span>Settings
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">&lt;i class="icon-ebi icon-settings"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf1db;"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf1db</span>
+      </div>
+    </div>
+
+    
+    
+    
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf064"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf064"></span>Share
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">&lt;i class="icon-ebi icon-share"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf064;"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf064</span>
+      </div>
+    </div>
+
+    
+    
+    
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf04d"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf04d"></span>Stop
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">&lt;i class="icon-ebi icon-stop"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf04d;"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf04d</span>
+      </div>
+    </div>
+
+    
+    
+    
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf1df"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf1df"></span>Submit
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">&lt;i class="icon-ebi icon-submit"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf1df;"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf1df</span>
+      </div>
+    </div>
+
+    
+    
+    
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf1ef"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf1ef"></span>Target
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">&lt;i class="icon-ebi icon-target"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf1ef;"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf1ef</span>
+      </div>
+    </div>
+
+    
+    
+    
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf1f7"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf1f7"></span>Tool
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">&lt;i class="icon-ebi icon-tool"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf1f7;"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf1f7</span>
+      </div>
+    </div>
+
+    
+    
+    
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf1ff"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf1ff"></span>Unassigned job
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">&lt;i class="icon-ebi icon-unassigned-job"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf1ff;"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf1ff</span>
+      </div>
+    </div>
+
+    
+    
+    
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf0e2"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf0e2"></span>Undo
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">&lt;i class="icon-ebi icon-undo"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf0e2;"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf0e2</span>
+      </div>
+    </div>
+
+    
+    
+    
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf09c"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf09c"></span>Unlock
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">&lt;i class="icon-ebi icon-unlock"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf09c;"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf09c</span>
+      </div>
+    </div>
+
+    
+    
+    
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf20c"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf20c"></span>Up page
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">&lt;i class="icon-ebi icon-up-page"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf20c;"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf20c</span>
+      </div>
+    </div>
+
+    
+    
+    
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf20f"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf20f"></span>View
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">&lt;i class="icon-ebi icon-view"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf20f;"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf20f</span>
+      </div>
+    </div>
+
+    
+    
+    
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf219"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf219"></span>Zoom in
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">&lt;i class="icon-ebi icon-zoom-in"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf219;"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf219</span>
+      </div>
+    </div>
+
+    
+    
+    
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf21f"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf21f"></span>Zoom out
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">&lt;i class="icon-ebi icon-zoom-out"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf21f;"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf21f</span>
+      </div>
+    </div>
+
+    
+    
+    
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf220"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf220"></span>Accommodation
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">&lt;i class="icon-ebi icon-accommodation"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf220;"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf220</span>
+      </div>
+    </div>
+
+    
+    
+    
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf22e"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf22e"></span>Alert
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">&lt;i class="icon-ebi icon-alert"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf22e;"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf22e</span>
+      </div>
+    </div>
+
+    
+    
+    
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf22f"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf22f"></span>Alumni
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">&lt;i class="icon-ebi icon-alumni"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf22f;"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf22f</span>
+      </div>
+    </div>
+
+    
+    
+    
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf230"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf230"></span>Announcement
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">&lt;i class="icon-ebi icon-announcement"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf230;"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf230</span>
+      </div>
+    </div>
+
+    
+    
+    
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf23f"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf23f"></span>Basket
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">&lt;i class="icon-ebi icon-basket"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf23f;"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf23f</span>
+      </div>
+    </div>
+
+    
+    
+    
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf24a"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf24a"></span>Beta
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">&lt;i class="icon-ebi icon-beta"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf24a;"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf24a</span>
+      </div>
+    </div>
+
+    
+    
+    
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf24f"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf24f"></span>Bike
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">&lt;i class="icon-ebi icon-bike"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf24f;"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf24f</span>
+      </div>
+    </div>
+
+    
+    
+    
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf250"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf250"></span>Biotech
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">&lt;i class="icon-ebi icon-biotech"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf250;"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf250</span>
+      </div>
+    </div>
+
+    
+    
+    
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf207"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf207"></span>Bus
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">&lt;i class="icon-ebi icon-bus"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf207;"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf207</span>
+      </div>
+    </div>
+
+    
+    
+    
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf133"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf133"></span>Calendar
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">&lt;i class="icon-ebi icon-calendar"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf133;"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf133</span>
+      </div>
+    </div>
+
+    
+    
+    
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf030"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf030"></span>Camera
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">&lt;i class="icon-ebi icon-camera"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf030;"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf030</span>
+      </div>
+    </div>
+
+    
+    
+    
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf1b9"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf1b9"></span>Car
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">&lt;i class="icon-ebi icon-car"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf1b9;"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf1b9</span>
+      </div>
+    </div>
+
+    
+    
+    
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf25f"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf25f"></span>Careers
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">&lt;i class="icon-ebi icon-careers"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf25f;"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf25f</span>
+      </div>
+    </div>
+
+    
+    
+    
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf26f"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf26f"></span>Classification
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">&lt;i class="icon-ebi icon-classification"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf26f;"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf26f</span>
+      </div>
+    </div>
+
+    
+    
+    
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf017"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf017"></span>Clock
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-trophy"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-clock"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf13d;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf017;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#xf13d</span>
+        <span class="kbd">&#xf017</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xd1"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#xd1"></span>Truck
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf278"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf278"></span>Contact
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-truck"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-contact"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xd1;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf278;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#xd1</span>
+        <span class="kbd">&#xf278</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1e4"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x1e4"></span>Tty
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf27b"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf27b"></span>Crosslink
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-tty"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-crosslink"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1e4;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf27b;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x1e4</span>
+        <span class="kbd">&#xf27b</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x26c"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x26c"></span>Tv
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf1c0"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf1c0"></span>Database
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-tv"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-database"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x26c;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf1c0;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x26c</span>
+        <span class="kbd">&#xf1c0</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xe9"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#xe9"></span>Umbrella
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf27f"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf27f"></span>Discuss
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-umbrella"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-discuss"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xe9;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf27f;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#xe9</span>
+        <span class="kbd">&#xf27f</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xcd"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#xcd"></span>Underline
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf283"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf283"></span>Documentation
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-underline"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-documentation"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xcd;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf283;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#xcd</span>
+        <span class="kbd">&#xf283</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xe2"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#xe2"></span>Undo alt
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf28c"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf28c"></span>Drug
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-undo-alt"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-drug"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xe2;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf28c;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#xe2</span>
+        <span class="kbd">&#xf28c</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x2ea"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x2ea"></span>Undo
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf28e"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf28e"></span>Elixir
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-undo"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-elixir"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x2ea;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf28e;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x2ea</span>
+        <span class="kbd">&#xf28e</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x29a"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x29a"></span>Universal access
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf28f"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf28f"></span>Email
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-universal-access"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-email"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x29a;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf28f;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x29a</span>
+        <span class="kbd">&#xf28f</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x19c"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x19c"></span>University
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf29b"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf29b"></span>Embl
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-university"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-embl"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x19c;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf29b;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x19c</span>
+        <span class="kbd">&#xf29b</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x127"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x127"></span>Unlink
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf29c"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf29c"></span>External link
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-unlink"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-external-link"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x127;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf29c;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x127</span>
+        <span class="kbd">&#xf29c</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x9c"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x9c"></span>Unlock alt
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf29f"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf29f"></span>External systems
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-unlock-alt"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-external-systems"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x9c;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf29f;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x9c</span>
+        <span class="kbd">&#xf29f</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x13e"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x13e"></span>Unlock
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf2af"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf2af"></span>Face to face
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-unlock"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-face-to-face"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x13e;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf2af;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x13e</span>
+        <span class="kbd">&#xf2af</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf13e"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#xf13e"></span>Upload
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf2b7"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf2b7"></span>Find us
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-upload"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-find-us"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf13e;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf2b7;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#xf13e</span>
+        <span class="kbd">&#xf2b7</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x7"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x7"></span>User circle
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf2ba"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf2ba"></span>Funding
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-user-circle"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-funding"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x7;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf2ba;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x7</span>
+        <span class="kbd">&#xf2ba</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x2bd"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x2bd"></span>User md
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf2bc"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf2bc"></span>Graph
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-user-md"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-graph"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x2bd;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf2bc;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x2bd</span>
+        <span class="kbd">&#xf2bc</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf0"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#xf0"></span>User plus
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf2be"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf2be"></span>Group
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-user-plus"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-group"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf0;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf2be;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#xf0</span>
+        <span class="kbd">&#xf2be</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x234"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x234"></span>User secret
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf2bf"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf2bf"></span>Gtls
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-user-secret"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-gtls"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x234;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf2bf;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x234</span>
+        <span class="kbd">&#xf2bf</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x21b"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x21b"></span>User times
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf2c0"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf2c0"></span>Health
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-user-times"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-health"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x21b;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf2c0;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x21b</span>
+        <span class="kbd">&#xf2c0</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x235"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x235"></span>User
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf2c3"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf2c3"></span>Help
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-user"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-help"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x235;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf2c3;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x235</span>
+        <span class="kbd">&#xf2c3</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xc0"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#xc0"></span>Users
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf015"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf015"></span>Home
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-users"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-home"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xc0;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf015;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#xc0</span>
+        <span class="kbd">&#xf015</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x2e5"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x2e5"></span>Utensil spoon
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf275"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf275"></span>Industry
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-utensil-spoon"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-industry"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x2e5;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf275;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x2e5</span>
+        <span class="kbd">&#xf275</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x2e7"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x2e7"></span>Utensils
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf129"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf129"></span>Info
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-utensils"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-info"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x2e7;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf129;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x2e7</span>
+        <span class="kbd">&#xf129</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x221"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x221"></span>Venus double
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf0c1"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf0c1"></span>Link
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-venus-double"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-link"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x221;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf0c1;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x221</span>
+        <span class="kbd">&#xf0c1</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x226"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x226"></span>Venus mars
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf2cf"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf2cf"></span>Location
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-venus-mars"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-location"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x226;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf2cf;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x226</span>
+        <span class="kbd">&#xf2cf</span>
       </div>
     </div>
 
+    
+    
+    
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf2d3"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf2d3"></span>Lovedata
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">&lt;i class="icon-ebi icon-lovedata"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf2d3;"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf2d3</span>
+      </div>
+    </div>
 
+    
+    
+    
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf2d4"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf2d4"></span>Mailing list
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">&lt;i class="icon-ebi icon-mailing-list"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf2d4;"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf2d4</span>
+      </div>
+    </div>
 
+    
+    
+    
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf2df"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf2df"></span>Math
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">&lt;i class="icon-ebi icon-math"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf2df;"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf2df</span>
+      </div>
+    </div>
 
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x228"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x228"></span>Venus
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf2e1"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf2e1"></span>Meet us
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-venus"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-meet-us"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x228;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf2e1;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x228</span>
+        <span class="kbd">&#xf2e1</span>
       </div>
     </div>
 
+    
+    
+    
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf2e2"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf2e2"></span>Mobile device
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">&lt;i class="icon-ebi icon-mobile-device"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf2e2;"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf2e2</span>
+      </div>
+    </div>
 
+    
+    
+    
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf2e3"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf2e3"></span>New
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">&lt;i class="icon-ebi icon-new"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf2e3;"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf2e3</span>
+      </div>
+    </div>
 
+    
+    
+    
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf2e4"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf2e4"></span>Newcomers
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">&lt;i class="icon-ebi icon-newcomers"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf2e4;"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf2e4</span>
+      </div>
+    </div>
 
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x3d"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x3d"></span>Video
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf2e6"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf2e6"></span>News
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-video"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-news"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x3d;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf2e6;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x3d</span>
+        <span class="kbd">&#xf2e6</span>
       </div>
     </div>
 
+    
+    
+    
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf2e8"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf2e8"></span>Nutraceuticals
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">&lt;i class="icon-ebi icon-nutraceuticals"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf2e8;"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf2e8</span>
+      </div>
+    </div>
 
+    
+    
+    
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf2e9"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf2e9"></span>Open day
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">&lt;i class="icon-ebi icon-open-day"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf2e9;"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf2e9</span>
+      </div>
+    </div>
 
+    
+    
+    
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf2eb"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf2eb"></span>Piechart
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">&lt;i class="icon-ebi icon-piechart"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf2eb;"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf2eb</span>
+      </div>
+    </div>
 
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x45f"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x45f"></span>Volleyball ball
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf072"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf072"></span>Plane
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-volleyball-ball"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-plane"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x45f;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf072;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x45f</span>
+        <span class="kbd">&#xf072</span>
       </div>
     </div>
 
+    
+    
+    
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf2ec"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf2ec"></span>Publication
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">&lt;i class="icon-ebi icon-publication"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf2ec;"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf2ec</span>
+      </div>
+    </div>
 
+    
+    
+    
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf2ee"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf2ee"></span>Research
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">&lt;i class="icon-ebi icon-research"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf2ee;"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf2ee</span>
+      </div>
+    </div>
 
+    
+    
+    
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf2ef"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf2ef"></span>Resource
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">&lt;i class="icon-ebi icon-resource"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf2ef;"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf2ef</span>
+      </div>
+    </div>
 
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf142"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#xf142"></span>Volume down
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf2f0"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf2f0"></span>Reviewed data
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-volume-down"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-reviewed-data"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf142;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf2f0;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#xf142</span>
+        <span class="kbd">&#xf2f0</span>
       </div>
     </div>
 
+    
+    
+    
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf2f3"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf2f3"></span>Services
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">&lt;i class="icon-ebi icon-services"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf2f3;"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf2f3</span>
+      </div>
+    </div>
 
+    
+    
+    
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf2f4"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf2f4"></span>Steps
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">&lt;i class="icon-ebi icon-steps"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf2f4;"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf2f4</span>
+      </div>
+    </div>
 
+    
+    
+    
+    <div class="column callout white-background">
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf2f7"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf2f7"></span>Support
+      <div class="small">
+        <span class="label">Class</span>
+        <p class="code">&lt;i class="icon-ebi icon-support"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class=" small">
+        <span class="label">HTML with hex</span>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf2f7;"&gt;&lt;/i&gt;</p>
+      </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#xf2f7</span>
+      </div>
+    </div>
 
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf143"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#xf143"></span>Volume off
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf2f8"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf2f8"></span>Systems
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-volume-off"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-systems"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf143;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf2f8;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#xf143</span>
+        <span class="kbd">&#xf2f8</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf144"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#xf144"></span>Volume up
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf2fa"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf2fa"></span>Terms
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-volume-up"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-terms"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf144;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf2fa;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#xf144</span>
+        <span class="kbd">&#xf2fa</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x193"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x193"></span>Wheelchair
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf2fb"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf2fb"></span>Test
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-wheelchair"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-test"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x193;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf2fb;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x193</span>
+        <span class="kbd">&#xf2fb</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1eb"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x1eb"></span>Wifi
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf2fc"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf2fc"></span>Text mining
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-wifi"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-text-mining"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1eb;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf2fc;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x1eb</span>
+        <span class="kbd">&#xf2fc</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x410"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x410"></span>Window close
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf2fd"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf2fd"></span>Toolkit
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-window-close"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-toolkit"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x410;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf2fd;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x410</span>
+        <span class="kbd">&#xf2fd</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x2d0"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x2d0"></span>Window maximize
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf238"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf238"></span>Train
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-window-maximize"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-train"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x2d0;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf238;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x2d0</span>
+        <span class="kbd">&#xf238</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x2d1"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x2d1"></span>Window minimize
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf2ff"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf2ff"></span>Training
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-window-minimize"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-training"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x2d1;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf2ff;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x2d1</span>
+        <span class="kbd">&#xf2ff</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x2d2"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x2d2"></span>Window restore
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf300"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf300"></span>Tutorial
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-window-restore"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-tutorial"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x2d2;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf300;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x2d2</span>
+        <span class="kbd">&#xf300</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x159"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x159"></span>Won sign
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf301"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf301"></span>Unreviewed data
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-won-sign"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-unreviewed-data"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x159;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf301;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x159</span>
+        <span class="kbd">&#xf301</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf13f"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#xf13f"></span>Wrench
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf03d"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf03d"></span>Video
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-wrench"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-video"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf13f;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf03d;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#xf13f</span>
+        <span class="kbd">&#xf03d</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x157"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x157"></span>Yen sign
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf304"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf304"></span>Walk
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-yen-sign"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-walk"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x157;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf304;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x157</span>
+        <span class="kbd">&#xf304</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x29"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x29"></span>Add job
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf17b"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf17b"></span>Android
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-add-job"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-android"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x29;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf17b;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x29</span>
+        <span class="kbd">&#xf17b</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x37"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x37"></span>Add user
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf179"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf179"></span>Apple
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-add-user"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-apple"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x37;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf179;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x37</span>
+        <span class="kbd">&#xf179</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x2b"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x2b"></span>Add
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf37c"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf37c"></span>Blogger
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-add"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-blogger"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x2b;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf37c;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x2b</span>
+        <span class="kbd">&#xf37c</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x69"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x69"></span>Align
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf09a"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf09a"></span>Facebook
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-align"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-facebook"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x69;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf09a;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x69</span>
+        <span class="kbd">&#xf09a</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x7a"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x7a"></span>Analyse graph
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf16e"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf16e"></span>Flickr
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-analyse-graph"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-flickr"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x7a;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf16e;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x7a</span>
+        <span class="kbd">&#xf16e</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x42"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x42"></span>Analyse percent 0
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf09b"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf09b"></span>Github
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-analyse-percent_0"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-github"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x42;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf09b;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x42</span>
+        <span class="kbd">&#xf09b</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x45"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x45"></span>Analyse percent 100
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf305"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf305"></span>Googleplus
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-analyse-percent_100"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-googleplus"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x45;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf305;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x45</span>
+        <span class="kbd">&#xf305</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x43"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x43"></span>Analyse percent 40
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf08c"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf08c"></span>Linkedin
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-analyse-percent_40"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-linkedin"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x43;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf08c;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x43</span>
+        <span class="kbd">&#xf08c</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x41"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x41"></span>Analyse
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf17c"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf17c"></span>Linux
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-analyse"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-linux"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x41;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf17c;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x41</span>
+        <span class="kbd">&#xf17c</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x2f"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x2f"></span>Approve
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf306"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf306"></span>Orcid
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-approve"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-orcid"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x2f;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf306;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x2f</span>
+        <span class="kbd">&#xf306</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x28"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x28"></span>Approved job
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf09e"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf09e"></span>Rss
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-approved-job"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-rss"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x28;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf09e;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x28</span>
+        <span class="kbd">&#xf09e</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x61"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x61"></span>Attach
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf17e"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf17e"></span>Skype
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-attach"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-skype"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x61;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf17e;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x61</span>
+        <span class="kbd">&#xf17e</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x62"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x62"></span>Browse
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf1e7"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf1e7"></span>Slideshare
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-browse"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-slideshare"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x62;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf1e7;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x62</span>
+        <span class="kbd">&#xf1e7</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x78"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x78"></span>Close
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf099"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf099"></span>Twitter
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-close"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-twitter"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x78;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf099;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x78</span>
+        <span class="kbd">&#xf099</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x39"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x39"></span>Collapse closed
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf40a"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf40a"></span>Vimeo
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-collapse-closed"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-vimeo"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x39;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf40a;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x39</span>
+        <span class="kbd">&#xf40a</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x38"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x38"></span>Collapse open
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf18a"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf18a"></span>Weibo
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-collapse-open"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-weibo"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x38;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf18a;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x38</span>
+        <span class="kbd">&#xf18a</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x77"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x77"></span>Collapse
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf17a"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf17a"></span>Windows
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-collapse"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-windows"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x77;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf17a;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x77</span>
+        <span class="kbd">&#xf17a</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x4f"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x4f"></span>Compare
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf19a"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf19a"></span>Wordpress
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-compare"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-wordpress"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x4f;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf19a;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x4f</span>
+        <span class="kbd">&#xf19a</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x125"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x125"></span>Crop
+      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf167"></span>
+      <span class="icon icon-common icon-spacer" data-icon="&#xf167"></span>Youtube
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-crop"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-youtube"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x125;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf167;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x125</span>
+        <span class="kbd">&#xf167</span>
       </div>
     </div>
 
 
+  <!-- This will be embeded into a master preview at http://www.ebi.ac.uk/style-lab/ -->
+  <h3 class="clear padding-top-xlarge row padding-left-xlarge" id="EBI-Generic" data-magellan-target="EBI-Generic">EBI-Generic </h3>
 
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xc4"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#xc4"></span>Cut
+      <span class="size-400 icon icon-generic icon-spacer" data-icon="&#x61"></span>
+      <span class="icon icon-generic icon-spacer" data-icon="&#x61"></span>Accommodation
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-cut"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-accommodation"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xc4;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-generic" data-icon="&amp;#x61;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#xc4</span>
+        <span class="kbd">&#x61</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x44"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x44"></span>Database submit
+      <span class="size-400 icon icon-generic icon-spacer" data-icon="&#x6c"></span>
+      <span class="icon icon-generic icon-spacer" data-icon="&#x6c"></span>Alert
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-database-submit"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-alert"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x44;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-generic" data-icon="&amp;#x6c;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x44</span>
+        <span class="kbd">&#x6c</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x64"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x64"></span>Delete
+      <span class="size-400 icon icon-generic icon-spacer" data-icon="&#x41"></span>
+      <span class="icon icon-generic icon-spacer" data-icon="&#x41"></span>Alumni
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-delete"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-alumni"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x64;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-generic" data-icon="&amp;#x41;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x64</span>
+        <span class="kbd">&#x41</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x2b07"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x2b07"></span>Down page
+      <span class="size-400 icon icon-generic icon-spacer" data-icon="&#x55"></span>
+      <span class="icon icon-generic icon-spacer" data-icon="&#x55"></span>Announcement
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-down-page"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-announcement"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x2b07;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-generic" data-icon="&amp;#x55;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x2b07</span>
+        <span class="kbd">&#x55</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x19"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x19"></span>Download
+      <span class="size-400 icon icon-generic icon-spacer" data-icon="&#x62"></span>
+      <span class="icon icon-generic icon-spacer" data-icon="&#x62"></span>Basket
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-download"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-basket"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x19;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-generic" data-icon="&amp;#x62;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x19</span>
+        <span class="kbd">&#x62</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x35"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x35"></span>Edit user
+      <span class="size-400 icon icon-generic icon-spacer" data-icon="&#x3e"></span>
+      <span class="icon icon-generic icon-spacer" data-icon="&#x3e"></span>Beta
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-edit-user"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-beta"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x35;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-generic" data-icon="&amp;#x3e;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x35</span>
+        <span class="kbd">&#x3e</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf113"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#xf113"></span>Edit
+      <span class="size-400 icon icon-generic icon-spacer" data-icon="&#x33"></span>
+      <span class="icon icon-generic icon-spacer" data-icon="&#x33"></span>Bike
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-edit"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-bike"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf113;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-generic" data-icon="&amp;#x33;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#xf113</span>
+        <span class="kbd">&#x33</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x31e"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x31e"></span>Expand
+      <span class="size-400 icon icon-generic icon-spacer" data-icon="&#x42"></span>
+      <span class="icon icon-generic icon-spacer" data-icon="&#x42"></span>Biotech
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-expand"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-biotech"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x31e;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-generic" data-icon="&amp;#x42;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x31e</span>
+        <span class="kbd">&#x42</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xb0"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#xb0"></span>Filter
+      <span class="size-400 icon icon-generic icon-spacer" data-icon="&#x31"></span>
+      <span class="icon icon-generic icon-spacer" data-icon="&#x31"></span>Bus
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-filter"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-bus"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xb0;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-generic" data-icon="&amp;#x31;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#xb0</span>
+        <span class="kbd">&#x31</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x5b"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x5b"></span>First page
+      <span class="size-400 icon icon-generic icon-spacer" data-icon="&#x72"></span>
+      <span class="icon icon-generic icon-spacer" data-icon="&#x72"></span>Calendar
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-first-page"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-calendar"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x5b;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-generic" data-icon="&amp;#x72;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x5b</span>
+        <span class="kbd">&#x72</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x46"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x46"></span>Fullscreen
+      <span class="size-400 icon icon-generic icon-spacer" data-icon="&#x21"></span>
+      <span class="icon icon-generic icon-spacer" data-icon="&#x21"></span>Camera
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-fullscreen"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-camera"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x46;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-generic" data-icon="&amp;#x21;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x46</span>
+        <span class="kbd">&#x21</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x68"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x68"></span>Hierarchy
+      <span class="size-400 icon icon-generic icon-spacer" data-icon="&#x32"></span>
+      <span class="icon icon-generic icon-spacer" data-icon="&#x32"></span>Car
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-hierarchy"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-car"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x68;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-generic" data-icon="&amp;#x32;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x68</span>
+        <span class="kbd">&#x32</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x5d"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x5d"></span>Last page
+      <span class="size-400 icon icon-generic icon-spacer" data-icon="&#x63"></span>
+      <span class="icon icon-generic icon-spacer" data-icon="&#x63"></span>Careers
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-last-page"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-careers"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x5d;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-generic" data-icon="&amp;#x63;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x5d</span>
+        <span class="kbd">&#x63</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x6b"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x6b"></span>Like
+      <span class="size-400 icon icon-generic icon-spacer" data-icon="&#x65"></span>
+      <span class="icon icon-generic icon-spacer" data-icon="&#x65"></span>Classification
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-like"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-classification"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x6b;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-generic" data-icon="&amp;#x65;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x6b</span>
+        <span class="kbd">&#x65</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x4c"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x4c"></span>Lock
+      <span class="size-400 icon icon-generic icon-spacer" data-icon="&#x7b"></span>
+      <span class="icon icon-generic icon-spacer" data-icon="&#x7b"></span>Clock
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-lock"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-clock"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x4c;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-generic" data-icon="&amp;#x7b;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x4c</span>
+        <span class="kbd">&#x7b</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x6c"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x6c"></span>Login
+      <span class="size-400 icon icon-generic icon-spacer" data-icon="&#x43"></span>
+      <span class="icon icon-generic icon-spacer" data-icon="&#x43"></span>Contact
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-login"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-contact"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x6c;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-generic" data-icon="&amp;#x43;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x6c</span>
+        <span class="kbd">&#x43</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x30"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x30"></span>Mapping
+      <span class="size-400 icon icon-generic icon-spacer" data-icon="&#x64"></span>
+      <span class="icon icon-generic icon-spacer" data-icon="&#x64"></span>Crosslink
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-mapping"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-crosslink"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x30;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-generic" data-icon="&amp;#x64;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x30</span>
+        <span class="kbd">&#x64</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x4d"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x4d"></span>Menu
+      <span class="size-400 icon icon-generic icon-spacer" data-icon="&#x44"></span>
+      <span class="icon icon-generic icon-spacer" data-icon="&#x44"></span>Database
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-menu"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-database"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x4d;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-generic" data-icon="&amp;#x44;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x4d</span>
+        <span class="kbd">&#x44</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x6d"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x6d"></span>Move
+      <span class="size-400 icon icon-generic icon-spacer" data-icon="&#x5c"></span>
+      <span class="icon icon-generic icon-spacer" data-icon="&#x5c"></span>Discuss
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-move"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-discuss"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x6d;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-generic" data-icon="&amp;#x5c;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x6d</span>
+        <span class="kbd">&#x5c</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x3e"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x3e"></span>Next page
+      <span class="size-400 icon icon-generic icon-spacer" data-icon="&#x3b"></span>
+      <span class="icon icon-generic icon-spacer" data-icon="&#x3b"></span>Documentation
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-next-page"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-documentation"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x3e;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-generic" data-icon="&amp;#x3b;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x3e</span>
+        <span class="kbd">&#x3b</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x144"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x144"></span>Play
+      <span class="size-400 icon icon-generic icon-spacer" data-icon="&#x75"></span>
+      <span class="icon icon-generic icon-spacer" data-icon="&#x75"></span>Drug
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-play"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-drug"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x144;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-generic" data-icon="&amp;#x75;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x144</span>
+        <span class="kbd">&#x75</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x3c"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x3c"></span>Previous page
+      <span class="size-400 icon icon-generic icon-spacer" data-icon="&#x25"></span>
+      <span class="icon icon-generic icon-spacer" data-icon="&#x25"></span>Elixir
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-previous-page"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-elixir"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x3c;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-generic" data-icon="&amp;#x25;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x3c</span>
+        <span class="kbd">&#x25</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xf133"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#xf133"></span>Print
+      <span class="size-400 icon icon-generic icon-spacer" data-icon="&#x45"></span>
+      <span class="icon icon-generic icon-spacer" data-icon="&#x45"></span>Email
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-print"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-email"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xf133;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-generic" data-icon="&amp;#x45;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#xf133</span>
+        <span class="kbd">&#x45</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x2f9"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x2f9"></span>Redo
+      <span class="size-400 icon icon-generic icon-spacer" data-icon="&#x26"></span>
+      <span class="icon icon-generic icon-spacer" data-icon="&#x26"></span>Embl
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-redo"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-embl"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x2f9;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-generic" data-icon="&amp;#x26;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x2f9</span>
+        <span class="kbd">&#x26</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x52"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x52"></span>Refresh
+      <span class="size-400 icon icon-generic icon-spacer" data-icon="&#x78"></span>
+      <span class="icon icon-generic icon-spacer" data-icon="&#x78"></span>External link
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-refresh"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-external-link"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x52;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-generic" data-icon="&amp;#x78;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x52</span>
+        <span class="kbd">&#x78</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x36"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x36"></span>Remove user
+      <span class="size-400 icon icon-generic icon-spacer" data-icon="&#x79"></span>
+      <span class="icon icon-generic icon-spacer" data-icon="&#x79"></span>External systems
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-remove-user"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-external-systems"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x36;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-generic" data-icon="&amp;#x79;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x36</span>
+        <span class="kbd">&#x79</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x2d"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x2d"></span>Remove
+      <span class="size-400 icon icon-generic icon-spacer" data-icon="&#x66"></span>
+      <span class="icon icon-generic icon-spacer" data-icon="&#x66"></span>Face to face
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-remove"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-face-to-face"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x2d;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-generic" data-icon="&amp;#x66;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x2d</span>
+        <span class="kbd">&#x66</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x53"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x53"></span>Save
+      <span class="size-400 icon icon-generic icon-spacer" data-icon="&#x5d"></span>
+      <span class="icon icon-generic icon-spacer" data-icon="&#x5d"></span>Find us
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-save"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-find-us"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x53;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-generic" data-icon="&amp;#x5d;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x53</span>
+        <span class="kbd">&#x5d</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x59"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x59"></span>Scaleable
+      <span class="size-400 icon icon-generic icon-spacer" data-icon="&#x46"></span>
+      <span class="icon icon-generic icon-spacer" data-icon="&#x46"></span>Funding
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-scaleable"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-funding"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x59;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-generic" data-icon="&amp;#x46;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x59</span>
-      </div>
-    </div>
-
-
-
+        <span class="kbd">&#x46</span>
+      </div>
+    </div>
 
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x6a"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x6a"></span>Search document
+      <span class="size-400 icon icon-generic icon-spacer" data-icon="&#x67"></span>
+      <span class="icon icon-generic icon-spacer" data-icon="&#x67"></span>Graph
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-search-document"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-graph"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x6a;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-generic" data-icon="&amp;#x67;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x6a</span>
+        <span class="kbd">&#x67</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xe"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#xe"></span>Search
+      <span class="size-400 icon icon-generic icon-spacer" data-icon="&#x7d"></span>
+      <span class="icon icon-generic icon-spacer" data-icon="&#x7d"></span>Group
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-search"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-group"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xe;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-generic" data-icon="&amp;#x7d;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#xe</span>
+        <span class="kbd">&#x7d</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x6e"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x6e"></span>Send
+      <span class="size-400 icon icon-generic icon-spacer" data-icon="&#x47"></span>
+      <span class="icon icon-generic icon-spacer" data-icon="&#x47"></span>Gtls
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-send"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-gtls"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x6e;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-generic" data-icon="&amp;#x47;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x6e</span>
+        <span class="kbd">&#x47</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x73"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x73"></span>Settings
+      <span class="size-400 icon icon-generic icon-spacer" data-icon="&#x68"></span>
+      <span class="icon icon-generic icon-spacer" data-icon="&#x68"></span>Health
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-settings"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-health"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x73;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-generic" data-icon="&amp;#x68;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x73</span>
+        <span class="kbd">&#x68</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x14d"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x14d"></span>Share
+      <span class="size-400 icon icon-generic icon-spacer" data-icon="&#x3f"></span>
+      <span class="icon icon-generic icon-spacer" data-icon="&#x3f"></span>Help
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-share"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-help"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x14d;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-generic" data-icon="&amp;#x3f;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x14d</span>
+        <span class="kbd">&#x3f</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x28d"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x28d"></span>Stop
+      <span class="size-400 icon icon-generic icon-spacer" data-icon="&#x48"></span>
+      <span class="icon icon-generic icon-spacer" data-icon="&#x48"></span>Home
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-stop"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-home"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x28d;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-generic" data-icon="&amp;#x48;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x28d</span>
+        <span class="kbd">&#x48</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x5f"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x5f"></span>Submit
+      <span class="size-400 icon icon-generic icon-spacer" data-icon="&#x49"></span>
+      <span class="icon icon-generic icon-spacer" data-icon="&#x49"></span>Industry
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-submit"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-industry"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x5f;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-generic" data-icon="&amp;#x49;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x5f</span>
+        <span class="kbd">&#x49</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x54"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x54"></span>Target
+      <span class="size-400 icon icon-generic icon-spacer" data-icon="&#x69"></span>
+      <span class="icon icon-generic icon-spacer" data-icon="&#x69"></span>Info
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-target"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-info"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x54;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-generic" data-icon="&amp;#x69;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x54</span>
+        <span class="kbd">&#x69</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x74"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x74"></span>Tool
+      <span class="size-400 icon icon-generic icon-spacer" data-icon="&#x4c"></span>
+      <span class="icon icon-generic icon-spacer" data-icon="&#x4c"></span>Link
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-tool"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-link"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x74;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-generic" data-icon="&amp;#x4c;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x74</span>
+        <span class="kbd">&#x4c</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x2a"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x2a"></span>Unassigned job
+      <span class="size-400 icon icon-generic icon-spacer" data-icon="&#x5b"></span>
+      <span class="icon icon-generic icon-spacer" data-icon="&#x5b"></span>Location
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-unassigned-job"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-location"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x2a;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-generic" data-icon="&amp;#x5b;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x2a</span>
+        <span class="kbd">&#x5b</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x2ea"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x2ea"></span>Undo
+      <span class="size-400 icon icon-generic icon-spacer" data-icon="&#x6f"></span>
+      <span class="icon icon-generic icon-spacer" data-icon="&#x6f"></span>Lovedata
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-undo"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-lovedata"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x2ea;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-generic" data-icon="&amp;#x6f;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x2ea</span>
+        <span class="kbd">&#x6f</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x13e"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x13e"></span>Unlock
+      <span class="size-400 icon icon-generic icon-spacer" data-icon="&#x6d"></span>
+      <span class="icon icon-generic icon-spacer" data-icon="&#x6d"></span>Mailing list
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-unlock"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-mailing-list"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x13e;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-generic" data-icon="&amp;#x6d;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x13e</span>
+        <span class="kbd">&#x6d</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x2b06"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x2b06"></span>Up page
+      <span class="size-400 icon icon-generic icon-spacer" data-icon="&#x76"></span>
+      <span class="icon icon-generic icon-spacer" data-icon="&#x76"></span>Math
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-up-page"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-math"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x2b06;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-generic" data-icon="&amp;#x76;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x2b06</span>
+        <span class="kbd">&#x76</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x34"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x34"></span>View
+      <span class="size-400 icon icon-generic icon-spacer" data-icon="&#x4d"></span>
+      <span class="icon icon-generic icon-spacer" data-icon="&#x4d"></span>Meet us
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-view"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-meet-us"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x34;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-generic" data-icon="&amp;#x4d;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x34</span>
+        <span class="kbd">&#x4d</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x33"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x33"></span>Zoom in
+      <span class="size-400 icon icon-generic icon-spacer" data-icon="&#x2f"></span>
+      <span class="icon icon-generic icon-spacer" data-icon="&#x2f"></span>Mobile device
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-zoom-in"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-mobile-device"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x33;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-generic" data-icon="&amp;#x2f;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x33</span>
+        <span class="kbd">&#x2f</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x32"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x32"></span>Zoom out
+      <span class="size-400 icon icon-generic icon-spacer" data-icon="&#x3c"></span>
+      <span class="icon icon-generic icon-spacer" data-icon="&#x3c"></span>New
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-zoom-out"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-new"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x32;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-generic" data-icon="&amp;#x3c;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x32</span>
+        <span class="kbd">&#x3c</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1f3e8"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x1f3e8"></span>Accommodation
+      <span class="size-400 icon icon-generic icon-spacer" data-icon="&#x6e"></span>
+      <span class="icon icon-generic icon-spacer" data-icon="&#x6e"></span>Newcomers
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-accommodation"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-newcomers"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1f3e8;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-generic" data-icon="&amp;#x6e;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x1f3e8</span>
+        <span class="kbd">&#x6e</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1f6a8"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x1f6a8"></span>Alert
+      <span class="size-400 icon icon-generic icon-spacer" data-icon="&#x4e"></span>
+      <span class="icon icon-generic icon-spacer" data-icon="&#x4e"></span>News
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-alert"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-news"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1f6a8;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-generic" data-icon="&amp;#x4e;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x1f6a8</span>
+        <span class="kbd">&#x4e</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1f393"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x1f393"></span>Alumni
+      <span class="size-400 icon icon-generic icon-spacer" data-icon="&#x22"></span>
+      <span class="icon icon-generic icon-spacer" data-icon="&#x22"></span>Nutraceuticals
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-alumni"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-nutraceuticals"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1f393;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-generic" data-icon="&amp;#x22;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x1f393</span>
+        <span class="kbd">&#x22</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1f4dc"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x1f4dc"></span>Announcement
+      <span class="size-400 icon icon-generic icon-spacer" data-icon="&#x4f"></span>
+      <span class="icon icon-generic icon-spacer" data-icon="&#x4f"></span>Open day
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-announcement"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-open-day"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1f4dc;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-generic" data-icon="&amp;#x4f;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x1f4dc</span>
+        <span class="kbd">&#x4f</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1f6d2"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x1f6d2"></span>Basket
+      <span class="size-400 icon icon-generic icon-spacer" data-icon="&#x70"></span>
+      <span class="icon icon-generic icon-spacer" data-icon="&#x70"></span>Piechart
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-basket"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-piechart"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1f6d2;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-generic" data-icon="&amp;#x70;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x1f6d2</span>
+        <span class="kbd">&#x70</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1f606"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x1f606"></span>Beta
+      <span class="size-400 icon icon-generic icon-spacer" data-icon="&#x34"></span>
+      <span class="icon icon-generic icon-spacer" data-icon="&#x34"></span>Plane
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-beta"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-plane"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1f606;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-generic" data-icon="&amp;#x34;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x1f606</span>
+        <span class="kbd">&#x34</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1f6b4"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x1f6b4"></span>Bike
+      <span class="size-400 icon icon-generic icon-spacer" data-icon="&#x50"></span>
+      <span class="icon icon-generic icon-spacer" data-icon="&#x50"></span>Publication
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-bike"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-publication"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1f6b4;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-generic" data-icon="&amp;#x50;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x1f6b4</span>
+        <span class="kbd">&#x50</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1f48a"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x1f48a"></span>Biotech
+      <span class="size-400 icon icon-generic icon-spacer" data-icon="&#x29"></span>
+      <span class="icon icon-generic icon-spacer" data-icon="&#x29"></span>Research
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-biotech"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-research"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1f48a;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-generic" data-icon="&amp;#x29;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x1f48a</span>
+        <span class="kbd">&#x29</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1f68c"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x1f68c"></span>Bus
+      <span class="size-400 icon icon-generic icon-spacer" data-icon="&#x52"></span>
+      <span class="icon icon-generic icon-spacer" data-icon="&#x52"></span>Resource
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-bus"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-resource"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1f68c;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-generic" data-icon="&amp;#x52;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x1f68c</span>
+        <span class="kbd">&#x52</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x273"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x273"></span>Calendar
+      <span class="size-400 icon icon-generic icon-spacer" data-icon="&#x71"></span>
+      <span class="icon icon-generic icon-spacer" data-icon="&#x71"></span>Reviewed data
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-calendar"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-reviewed-data"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x273;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-generic" data-icon="&amp;#x71;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x273</span>
+        <span class="kbd">&#x71</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x21"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x21"></span>Camera
+      <span class="size-400 icon icon-generic icon-spacer" data-icon="&#x28"></span>
+      <span class="icon icon-generic icon-spacer" data-icon="&#x28"></span>Services
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-camera"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-services"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x21;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-generic" data-icon="&amp;#x28;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x21</span>
+        <span class="kbd">&#x28</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1f697"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x1f697"></span>Car
+      <span class="size-400 icon icon-generic icon-spacer" data-icon="&#x23"></span>
+      <span class="icon icon-generic icon-spacer" data-icon="&#x23"></span>Steps
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-car"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-steps"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1f697;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-generic" data-icon="&amp;#x23;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x1f697</span>
+        <span class="kbd">&#x23</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1f3d9"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x1f3d9"></span>Careers
+      <span class="size-400 icon icon-generic icon-spacer" data-icon="&#x73"></span>
+      <span class="icon icon-generic icon-spacer" data-icon="&#x73"></span>Support
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-careers"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-support"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1f3d9;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-generic" data-icon="&amp;#x73;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x1f3d9</span>
+        <span class="kbd">&#x73</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1f5c2"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x1f5c2"></span>Classification
+      <span class="size-400 icon icon-generic icon-spacer" data-icon="&#x53"></span>
+      <span class="icon icon-generic icon-spacer" data-icon="&#x53"></span>Systems
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-classification"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-systems"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1f5c2;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-generic" data-icon="&amp;#x53;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x1f5c2</span>
+        <span class="kbd">&#x53</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x17"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x17"></span>Clock
+      <span class="size-400 icon icon-generic icon-spacer" data-icon="&#x27"></span>
+      <span class="icon icon-generic icon-spacer" data-icon="&#x27"></span>Terms
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-clock"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-terms"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x17;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-generic" data-icon="&amp;#x27;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x17</span>
+        <span class="kbd">&#x27</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x260e"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x260e"></span>Contact
+      <span class="size-400 icon icon-generic icon-spacer" data-icon="&#x30"></span>
+      <span class="icon icon-generic icon-spacer" data-icon="&#x30"></span>Test
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-contact"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-test"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x260e;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-generic" data-icon="&amp;#x30;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x260e</span>
+        <span class="kbd">&#x30</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1f4cd"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x1f4cd"></span>Crosslink
+      <span class="size-400 icon icon-generic icon-spacer" data-icon="&#x58"></span>
+      <span class="icon icon-generic icon-spacer" data-icon="&#x58"></span>Text mining
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-crosslink"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-text-mining"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1f4cd;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-generic" data-icon="&amp;#x58;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x1f4cd</span>
+        <span class="kbd">&#x58</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1c0"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x1c0"></span>Database
+      <span class="size-400 icon icon-generic icon-spacer" data-icon="&#x3a"></span>
+      <span class="icon icon-generic icon-spacer" data-icon="&#x3a"></span>Toolkit
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-database"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-toolkit"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1c0;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-generic" data-icon="&amp;#x3a;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x1c0</span>
+        <span class="kbd">&#x3a</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1f4ac"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x1f4ac"></span>Discuss
+      <span class="size-400 icon icon-generic icon-spacer" data-icon="&#x37"></span>
+      <span class="icon icon-generic icon-spacer" data-icon="&#x37"></span>Train
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-discuss"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-train"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1f4ac;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-generic" data-icon="&amp;#x37;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x1f4ac</span>
+        <span class="kbd">&#x37</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x3b"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x3b"></span>Documentation
+      <span class="size-400 icon icon-generic icon-spacer" data-icon="&#x54"></span>
+      <span class="icon icon-generic icon-spacer" data-icon="&#x54"></span>Training
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-documentation"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-training"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x3b;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-generic" data-icon="&amp;#x54;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x3b</span>
+        <span class="kbd">&#x54</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x2695"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x2695"></span>Drug
+      <span class="size-400 icon icon-generic icon-spacer" data-icon="&#x74"></span>
+      <span class="icon icon-generic icon-spacer" data-icon="&#x74"></span>Tutorial
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-drug"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-tutorial"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x2695;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-generic" data-icon="&amp;#x74;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x2695</span>
+        <span class="kbd">&#x74</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x25"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x25"></span>Elixir
+      <span class="size-400 icon icon-generic icon-spacer" data-icon="&#x51"></span>
+      <span class="icon icon-generic icon-spacer" data-icon="&#x51"></span>Unreviewed data
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-elixir"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-unreviewed-data"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x25;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-generic" data-icon="&amp;#x51;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x25</span>
+        <span class="kbd">&#x51</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1f4e7"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x1f4e7"></span>Email
+      <span class="size-400 icon icon-generic icon-spacer" data-icon="&#x56"></span>
+      <span class="icon icon-generic icon-spacer" data-icon="&#x56"></span>Video
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-email"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-video"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1f4e7;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-generic" data-icon="&amp;#x56;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x1f4e7</span>
+        <span class="kbd">&#x56</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x26"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x26"></span>Embl
+      <span class="size-400 icon icon-generic icon-spacer" data-icon="&#x36"></span>
+      <span class="icon icon-generic icon-spacer" data-icon="&#x36"></span>Walk
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-embl"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-walk"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x26;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-generic" data-icon="&amp;#x36;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x26</span>
+        <span class="kbd">&#x36</span>
       </div>
     </div>
 
 
+  <!-- This will be embeded into a master preview at http://www.ebi.ac.uk/style-lab/ -->
+  <h3 class="clear padding-top-xlarge row padding-left-xlarge" id="EBI-Functional" data-magellan-target="EBI-Functional">EBI-Functional </h3>
 
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1f6aa"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x1f6aa"></span>External link
+      <span class="size-400 icon icon-functional icon-spacer" data-icon="&#x29"></span>
+      <span class="icon icon-functional icon-spacer" data-icon="&#x29"></span>Add job
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-external-link"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-add-job"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1f6aa;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-functional" data-icon="&amp;#x29;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x1f6aa</span>
+        <span class="kbd">&#x29</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x79"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x79"></span>External systems
+      <span class="size-400 icon icon-functional icon-spacer" data-icon="&#x37"></span>
+      <span class="icon icon-functional icon-spacer" data-icon="&#x37"></span>Add user
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-external-systems"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-add-user"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x79;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-functional" data-icon="&amp;#x37;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x79</span>
+        <span class="kbd">&#x37</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1f46f"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x1f46f"></span>Face to face
+      <span class="size-400 icon icon-functional icon-spacer" data-icon="&#x2b"></span>
+      <span class="icon icon-functional icon-spacer" data-icon="&#x2b"></span>Add
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-face-to-face"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-add"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1f46f;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-functional" data-icon="&amp;#x2b;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x1f46f</span>
+        <span class="kbd">&#x2b</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1f9ed"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x1f9ed"></span>Find us
+      <span class="size-400 icon icon-functional icon-spacer" data-icon="&#x69"></span>
+      <span class="icon icon-functional icon-spacer" data-icon="&#x69"></span>Align
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-find-us"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-align"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1f9ed;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-functional" data-icon="&amp;#x69;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x1f9ed</span>
+        <span class="kbd">&#x69</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1f4b6"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x1f4b6"></span>Funding
+      <span class="size-400 icon icon-functional icon-spacer" data-icon="&#x7a"></span>
+      <span class="icon icon-functional icon-spacer" data-icon="&#x7a"></span>Analyse graph
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-funding"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-analyse-graph"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1f4b6;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-functional" data-icon="&amp;#x7a;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x1f4b6</span>
+        <span class="kbd">&#x7a</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x67"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x67"></span>Graph
+      <span class="size-400 icon icon-functional icon-spacer" data-icon="&#x42"></span>
+      <span class="icon icon-functional icon-spacer" data-icon="&#x42"></span>Analyse percent 0
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-graph"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-analyse-percent_0"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x67;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-functional" data-icon="&amp;#x42;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x67</span>
+        <span class="kbd">&#x42</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1f46a"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x1f46a"></span>Group
+      <span class="size-400 icon icon-functional icon-spacer" data-icon="&#x45"></span>
+      <span class="icon icon-functional icon-spacer" data-icon="&#x45"></span>Analyse percent 100
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-group"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-analyse-percent_100"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1f46a;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-functional" data-icon="&amp;#x45;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x1f46a</span>
+        <span class="kbd">&#x45</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x47"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x47"></span>Gtls
+      <span class="size-400 icon icon-functional icon-spacer" data-icon="&#x43"></span>
+      <span class="icon icon-functional icon-spacer" data-icon="&#x43"></span>Analyse percent 40
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-gtls"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-analyse-percent_40"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x47;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-functional" data-icon="&amp;#x43;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x47</span>
+        <span class="kbd">&#x43</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1f912"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x1f912"></span>Health
+      <span class="size-400 icon icon-functional icon-spacer" data-icon="&#x41"></span>
+      <span class="icon icon-functional icon-spacer" data-icon="&#x41"></span>Analyse
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-health"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-analyse"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1f912;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-functional" data-icon="&amp;#x41;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x1f912</span>
+        <span class="kbd">&#x41</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x3f"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x3f"></span>Help
+      <span class="size-400 icon icon-functional icon-spacer" data-icon="&#x2f"></span>
+      <span class="icon icon-functional icon-spacer" data-icon="&#x2f"></span>Approve
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-help"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-approve"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x3f;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-functional" data-icon="&amp;#x2f;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x3f</span>
+        <span class="kbd">&#x2f</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x15"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x15"></span>Home
+      <span class="size-400 icon icon-functional icon-spacer" data-icon="&#x28"></span>
+      <span class="icon icon-functional icon-spacer" data-icon="&#x28"></span>Approved job
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-home"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-approved-job"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x15;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-functional" data-icon="&amp;#x28;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x15</span>
+        <span class="kbd">&#x28</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x275"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x275"></span>Industry
+      <span class="size-400 icon icon-functional icon-spacer" data-icon="&#x61"></span>
+      <span class="icon icon-functional icon-spacer" data-icon="&#x61"></span>Attach
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-industry"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-attach"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x275;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-functional" data-icon="&amp;#x61;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x275</span>
+        <span class="kbd">&#x61</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x2139"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x2139"></span>Info
+      <span class="size-400 icon icon-functional icon-spacer" data-icon="&#x62"></span>
+      <span class="icon icon-functional icon-spacer" data-icon="&#x62"></span>Browse
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-info"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-browse"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x2139;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-functional" data-icon="&amp;#x62;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x2139</span>
+        <span class="kbd">&#x62</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#xc1"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#xc1"></span>Link
+      <span class="size-400 icon icon-functional icon-spacer" data-icon="&#x78"></span>
+      <span class="icon icon-functional icon-spacer" data-icon="&#x78"></span>Close
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-link"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-close"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#xc1;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-functional" data-icon="&amp;#x78;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#xc1</span>
+        <span class="kbd">&#x78</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1f5fa"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x1f5fa"></span>Location
+      <span class="size-400 icon icon-functional icon-spacer" data-icon="&#x39"></span>
+      <span class="icon icon-functional icon-spacer" data-icon="&#x39"></span>Collapse closed
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-location"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-collapse-closed"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1f5fa;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-functional" data-icon="&amp;#x39;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x1f5fa</span>
+        <span class="kbd">&#x39</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1f91f"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x1f91f"></span>Lovedata
+      <span class="size-400 icon icon-functional icon-spacer" data-icon="&#x38"></span>
+      <span class="icon icon-functional icon-spacer" data-icon="&#x38"></span>Collapse open
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-lovedata"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-collapse-open"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1f91f;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-functional" data-icon="&amp;#x38;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x1f91f</span>
+        <span class="kbd">&#x38</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1f3e4"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x1f3e4"></span>Mailing list
+      <span class="size-400 icon icon-functional icon-spacer" data-icon="&#x77"></span>
+      <span class="icon icon-functional icon-spacer" data-icon="&#x77"></span>Collapse
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-mailing-list"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-collapse"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1f3e4;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-functional" data-icon="&amp;#x77;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x1f3e4</span>
+        <span class="kbd">&#x77</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1f523"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x1f523"></span>Math
+      <span class="size-400 icon icon-functional icon-spacer" data-icon="&#x4f"></span>
+      <span class="icon icon-functional icon-spacer" data-icon="&#x4f"></span>Compare
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-math"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-compare"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1f523;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-functional" data-icon="&amp;#x4f;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x1f523</span>
+        <span class="kbd">&#x4f</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1f46c"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x1f46c"></span>Meet us
+      <span class="size-400 icon icon-functional icon-spacer" data-icon="&#x5c"></span>
+      <span class="icon icon-functional icon-spacer" data-icon="&#x5c"></span>Crop
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-meet-us"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-crop"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1f46c;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-functional" data-icon="&amp;#x5c;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x1f46c</span>
-      </div>
-    </div>
-
-
-
+        <span class="kbd">&#x5c</span>
+      </div>
+    </div>
 
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1f4f1"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x1f4f1"></span>Mobile device
+      <span class="size-400 icon icon-functional icon-spacer" data-icon="&#x63"></span>
+      <span class="icon icon-functional icon-spacer" data-icon="&#x63"></span>Cut
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-mobile-device"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-cut"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1f4f1;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-functional" data-icon="&amp;#x63;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x1f4f1</span>
+        <span class="kbd">&#x63</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1f195"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x1f195"></span>New
+      <span class="size-400 icon icon-functional icon-spacer" data-icon="&#x44"></span>
+      <span class="icon icon-functional icon-spacer" data-icon="&#x44"></span>Database submit
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-new"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-database-submit"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1f195;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-functional" data-icon="&amp;#x44;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x1f195</span>
+        <span class="kbd">&#x44</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1f68d"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x1f68d"></span>Newcomers
+      <span class="size-400 icon icon-functional icon-spacer" data-icon="&#x64"></span>
+      <span class="icon icon-functional icon-spacer" data-icon="&#x64"></span>Delete
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-newcomers"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-delete"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1f68d;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-functional" data-icon="&amp;#x64;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x1f68d</span>
+        <span class="kbd">&#x64</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x4e"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x4e"></span>News
+      <span class="size-400 icon icon-functional icon-spacer" data-icon="&#x2b07"></span>
+      <span class="icon icon-functional icon-spacer" data-icon="&#x2b07"></span>Down page
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-news"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-down-page"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x4e;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-functional" data-icon="&amp;#x2b07;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x4e</span>
+        <span class="kbd">&#x2b07</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x22"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x22"></span>Nutraceuticals
+      <span class="size-400 icon icon-functional icon-spacer" data-icon="&#x3d"></span>
+      <span class="icon icon-functional icon-spacer" data-icon="&#x3d"></span>Download
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-nutraceuticals"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-download"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x22;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-functional" data-icon="&amp;#x3d;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x22</span>
+        <span class="kbd">&#x3d</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1f44b"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x1f44b"></span>Open day
+      <span class="size-400 icon icon-functional icon-spacer" data-icon="&#x35"></span>
+      <span class="icon icon-functional icon-spacer" data-icon="&#x35"></span>Edit user
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-open-day"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-edit-user"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1f44b;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-functional" data-icon="&amp;#x35;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x1f44b</span>
+        <span class="kbd">&#x35</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x70"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x70"></span>Piechart
+      <span class="size-400 icon icon-functional icon-spacer" data-icon="&#x65"></span>
+      <span class="icon icon-functional icon-spacer" data-icon="&#x65"></span>Edit
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-piechart"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-edit"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x70;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-functional" data-icon="&amp;#x65;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x70</span>
+        <span class="kbd">&#x65</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x72"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x72"></span>Plane
+      <span class="size-400 icon icon-functional icon-spacer" data-icon="&#x75"></span>
+      <span class="icon icon-functional icon-spacer" data-icon="&#x75"></span>Expand
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-plane"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-expand"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x72;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-functional" data-icon="&amp;#x75;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x72</span>
+        <span class="kbd">&#x75</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1f4da"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x1f4da"></span>Publication
+      <span class="size-400 icon icon-functional icon-spacer" data-icon="&#x66"></span>
+      <span class="icon icon-functional icon-spacer" data-icon="&#x66"></span>Filter
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-publication"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-filter"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1f4da;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-functional" data-icon="&amp;#x66;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x1f4da</span>
+        <span class="kbd">&#x66</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1f52c"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x1f52c"></span>Research
+      <span class="size-400 icon icon-functional icon-spacer" data-icon="&#x5b"></span>
+      <span class="icon icon-functional icon-spacer" data-icon="&#x5b"></span>First page
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-research"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-first-page"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1f52c;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-functional" data-icon="&amp;#x5b;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x1f52c</span>
+        <span class="kbd">&#x5b</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1f340"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x1f340"></span>Resource
+      <span class="size-400 icon icon-functional icon-spacer" data-icon="&#x46"></span>
+      <span class="icon icon-functional icon-spacer" data-icon="&#x46"></span>Fullscreen
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-resource"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-fullscreen"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1f340;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-functional" data-icon="&amp;#x46;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x1f340</span>
+        <span class="kbd">&#x46</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x71"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x71"></span>Reviewed data
+      <span class="size-400 icon icon-functional icon-spacer" data-icon="&#x68"></span>
+      <span class="icon icon-functional icon-spacer" data-icon="&#x68"></span>Hierarchy
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-reviewed-data"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-hierarchy"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x71;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-functional" data-icon="&amp;#x68;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x71</span>
+        <span class="kbd">&#x68</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1f527"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x1f527"></span>Services
+      <span class="size-400 icon icon-functional icon-spacer" data-icon="&#x5d"></span>
+      <span class="icon icon-functional icon-spacer" data-icon="&#x5d"></span>Last page
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-services"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-last-page"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1f527;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-functional" data-icon="&amp;#x5d;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x1f527</span>
+        <span class="kbd">&#x5d</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x23"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x23"></span>Steps
+      <span class="size-400 icon icon-functional icon-spacer" data-icon="&#x6b"></span>
+      <span class="icon icon-functional icon-spacer" data-icon="&#x6b"></span>Like
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-steps"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-like"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x23;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-functional" data-icon="&amp;#x6b;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x23</span>
+        <span class="kbd">&#x6b</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1f9b8"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x1f9b8"></span>Support
+      <span class="size-400 icon icon-functional icon-spacer" data-icon="&#x4c"></span>
+      <span class="icon icon-functional icon-spacer" data-icon="&#x4c"></span>Lock
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-support"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-lock"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1f9b8;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-functional" data-icon="&amp;#x4c;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x1f9b8</span>
+        <span class="kbd">&#x4c</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1f50c"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x1f50c"></span>Systems
+      <span class="size-400 icon icon-functional icon-spacer" data-icon="&#x6c"></span>
+      <span class="icon icon-functional icon-spacer" data-icon="&#x6c"></span>Login
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-systems"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-login"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1f50c;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-functional" data-icon="&amp;#x6c;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x1f50c</span>
+        <span class="kbd">&#x6c</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x27"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x27"></span>Terms
+      <span class="size-400 icon icon-functional icon-spacer" data-icon="&#x30"></span>
+      <span class="icon icon-functional icon-spacer" data-icon="&#x30"></span>Mapping
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-terms"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-mapping"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x27;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-functional" data-icon="&amp;#x30;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x27</span>
+        <span class="kbd">&#x30</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1f97d"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x1f97d"></span>Test
+      <span class="size-400 icon icon-functional icon-spacer" data-icon="&#x4d"></span>
+      <span class="icon icon-functional icon-spacer" data-icon="&#x4d"></span>Menu
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-test"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-menu"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1f97d;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-functional" data-icon="&amp;#x4d;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x1f97d</span>
+        <span class="kbd">&#x4d</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x58"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x58"></span>Text mining
+      <span class="size-400 icon icon-functional icon-spacer" data-icon="&#x6d"></span>
+      <span class="icon icon-functional icon-spacer" data-icon="&#x6d"></span>Move
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-text-mining"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-move"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x58;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-functional" data-icon="&amp;#x6d;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x58</span>
+        <span class="kbd">&#x6d</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x3a"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x3a"></span>Toolkit
+      <span class="size-400 icon icon-functional icon-spacer" data-icon="&#x3e"></span>
+      <span class="icon icon-functional icon-spacer" data-icon="&#x3e"></span>Next page
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-toolkit"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-next-page"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x3a;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-functional" data-icon="&amp;#x3e;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x3a</span>
+        <span class="kbd">&#x3e</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x238"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x238"></span>Train
+      <span class="size-400 icon icon-functional icon-spacer" data-icon="&#x76"></span>
+      <span class="icon icon-functional icon-spacer" data-icon="&#x76"></span>Play
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-train"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-play"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x238;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-functional" data-icon="&amp;#x76;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x238</span>
+        <span class="kbd">&#x76</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1f3eb"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x1f3eb"></span>Training
+      <span class="size-400 icon icon-functional icon-spacer" data-icon="&#x3c"></span>
+      <span class="icon icon-functional icon-spacer" data-icon="&#x3c"></span>Previous page
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-training"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-previous-page"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1f3eb;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-functional" data-icon="&amp;#x3c;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x1f3eb</span>
+        <span class="kbd">&#x3c</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1f4dd"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x1f4dd"></span>Tutorial
+      <span class="size-400 icon icon-functional icon-spacer" data-icon="&#x50"></span>
+      <span class="icon icon-functional icon-spacer" data-icon="&#x50"></span>Print
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-tutorial"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-print"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1f4dd;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-functional" data-icon="&amp;#x50;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x1f4dd</span>
+        <span class="kbd">&#x50</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x51"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x51"></span>Unreviewed data
+      <span class="size-400 icon icon-functional icon-spacer" data-icon="&#x7d"></span>
+      <span class="icon icon-functional icon-spacer" data-icon="&#x7d"></span>Redo
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-unreviewed-data"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-redo"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x51;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-functional" data-icon="&amp;#x7d;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x51</span>
+        <span class="kbd">&#x7d</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x3d"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x3d"></span>Video
+      <span class="size-400 icon icon-functional icon-spacer" data-icon="&#x52"></span>
+      <span class="icon icon-functional icon-spacer" data-icon="&#x52"></span>Refresh
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-video"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-refresh"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x3d;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-functional" data-icon="&amp;#x52;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x3d</span>
+        <span class="kbd">&#x52</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1f6b6"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x1f6b6"></span>Walk
+      <span class="size-400 icon icon-functional icon-spacer" data-icon="&#x36"></span>
+      <span class="icon icon-functional icon-spacer" data-icon="&#x36"></span>Remove user
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-walk"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-remove-user"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1f6b6;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-functional" data-icon="&amp;#x36;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x1f6b6</span>
+        <span class="kbd">&#x36</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1f916"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x1f916"></span>Android
+      <span class="size-400 icon icon-functional icon-spacer" data-icon="&#x2d"></span>
+      <span class="icon icon-functional icon-spacer" data-icon="&#x2d"></span>Remove
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-android"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-remove"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1f916;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-functional" data-icon="&amp;#x2d;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x1f916</span>
+        <span class="kbd">&#x2d</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1f34f"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x1f34f"></span>Apple
+      <span class="size-400 icon icon-functional icon-spacer" data-icon="&#x53"></span>
+      <span class="icon icon-functional icon-spacer" data-icon="&#x53"></span>Save
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-apple"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-save"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1f34f;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-functional" data-icon="&amp;#x53;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x1f34f</span>
+        <span class="kbd">&#x53</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1f524"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x1f524"></span>Blogger
+      <span class="size-400 icon icon-functional icon-spacer" data-icon="&#x59"></span>
+      <span class="icon icon-functional icon-spacer" data-icon="&#x59"></span>Scaleable
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-blogger"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-scaleable"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1f524;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-functional" data-icon="&amp;#x59;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x1f524</span>
+        <span class="kbd">&#x59</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1f4d8"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x1f4d8"></span>Facebook
+      <span class="size-400 icon icon-functional icon-spacer" data-icon="&#x6a"></span>
+      <span class="icon icon-functional icon-spacer" data-icon="&#x6a"></span>Search document
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-facebook"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-search-document"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1f4d8;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-functional" data-icon="&amp;#x6a;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x1f4d8</span>
+        <span class="kbd">&#x6a</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1f4f7"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x1f4f7"></span>Flickr
+      <span class="size-400 icon icon-functional icon-spacer" data-icon="&#x31"></span>
+      <span class="icon icon-functional icon-spacer" data-icon="&#x31"></span>Search
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-flickr"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-search"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1f4f7;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-functional" data-icon="&amp;#x31;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x1f4f7</span>
+        <span class="kbd">&#x31</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1f9ee"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x1f9ee"></span>Github
+      <span class="size-400 icon icon-functional icon-spacer" data-icon="&#x6e"></span>
+      <span class="icon icon-functional icon-spacer" data-icon="&#x6e"></span>Send
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-github"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-send"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1f9ee;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-functional" data-icon="&amp;#x6e;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x1f9ee</span>
+        <span class="kbd">&#x6e</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1f4d5"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x1f4d5"></span>Googleplus
+      <span class="size-400 icon icon-functional icon-spacer" data-icon="&#x73"></span>
+      <span class="icon icon-functional icon-spacer" data-icon="&#x73"></span>Settings
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-googleplus"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-settings"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1f4d5;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-functional" data-icon="&amp;#x73;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x1f4d5</span>
+        <span class="kbd">&#x73</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1f4c7"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x1f4c7"></span>Linkedin
+      <span class="size-400 icon icon-functional icon-spacer" data-icon="&#x72"></span>
+      <span class="icon icon-functional icon-spacer" data-icon="&#x72"></span>Share
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-linkedin"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-share"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1f4c7;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-functional" data-icon="&amp;#x72;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x1f4c7</span>
+        <span class="kbd">&#x72</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1f193"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x1f193"></span>Linux
+      <span class="size-400 icon icon-functional icon-spacer" data-icon="&#x6f"></span>
+      <span class="icon icon-functional icon-spacer" data-icon="&#x6f"></span>Stop
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-linux"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-stop"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1f193;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-functional" data-icon="&amp;#x6f;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x1f193</span>
+        <span class="kbd">&#x6f</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1f4c3"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x1f4c3"></span>Orcid
+      <span class="size-400 icon icon-functional icon-spacer" data-icon="&#x5f"></span>
+      <span class="icon icon-functional icon-spacer" data-icon="&#x5f"></span>Submit
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-orcid"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-submit"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1f4c3;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-functional" data-icon="&amp;#x5f;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x1f4c3</span>
+        <span class="kbd">&#x5f</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x143"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x143"></span>Rss
+      <span class="size-400 icon icon-functional icon-spacer" data-icon="&#x54"></span>
+      <span class="icon icon-functional icon-spacer" data-icon="&#x54"></span>Target
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-rss"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-target"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x143;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-functional" data-icon="&amp;#x54;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x143</span>
+        <span class="kbd">&#x54</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1f4f3"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x1f4f3"></span>Skype
+      <span class="size-400 icon icon-functional icon-spacer" data-icon="&#x74"></span>
+      <span class="icon icon-functional icon-spacer" data-icon="&#x74"></span>Tool
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-skype"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-tool"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1f4f3;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-functional" data-icon="&amp;#x74;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x1f4f3</span>
+        <span class="kbd">&#x74</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1f3a4"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x1f3a4"></span>Slideshare
+      <span class="size-400 icon icon-functional icon-spacer" data-icon="&#x2a"></span>
+      <span class="icon icon-functional icon-spacer" data-icon="&#x2a"></span>Unassigned job
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-slideshare"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-unassigned-job"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1f3a4;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-functional" data-icon="&amp;#x2a;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x1f3a4</span>
+        <span class="kbd">&#x2a</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1f426"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x1f426"></span>Twitter
+      <span class="size-400 icon icon-functional icon-spacer" data-icon="&#x7b"></span>
+      <span class="icon icon-functional icon-spacer" data-icon="&#x7b"></span>Undo
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-twitter"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-undo"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1f426;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-functional" data-icon="&amp;#x7b;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x1f426</span>
+        <span class="kbd">&#x7b</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1f39e"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x1f39e"></span>Vimeo
+      <span class="size-400 icon icon-functional icon-spacer" data-icon="&#x55"></span>
+      <span class="icon icon-functional icon-spacer" data-icon="&#x55"></span>Unlock
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-vimeo"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-unlock"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1f39e;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-functional" data-icon="&amp;#x55;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x1f39e</span>
+        <span class="kbd">&#x55</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1f472"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x1f472"></span>Weibo
+      <span class="size-400 icon icon-functional icon-spacer" data-icon="&#x2b06"></span>
+      <span class="icon icon-functional icon-spacer" data-icon="&#x2b06"></span>Up page
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-weibo"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-up-page"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1f472;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-functional" data-icon="&amp;#x2b06;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x1f472</span>
+        <span class="kbd">&#x2b06</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1f3e2"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x1f3e2"></span>Windows
+      <span class="size-400 icon icon-functional icon-spacer" data-icon="&#x34"></span>
+      <span class="icon icon-functional icon-spacer" data-icon="&#x34"></span>View
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-windows"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-view"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1f3e2;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-functional" data-icon="&amp;#x34;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x1f3e2</span>
+        <span class="kbd">&#x34</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1f4d3"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x1f4d3"></span>Wordpress
+      <span class="size-400 icon icon-functional icon-spacer" data-icon="&#x33"></span>
+      <span class="icon icon-functional icon-spacer" data-icon="&#x33"></span>Zoom in
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-wordpress"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-zoom-in"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1f4d3;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-functional" data-icon="&amp;#x33;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x1f4d3</span>
+        <span class="kbd">&#x33</span>
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
-      <span class="size-400 icon icon-common icon-spacer" data-icon="&#x1f4fd"></span>
-      <span class="icon icon-common icon-spacer" data-icon="&#x1f4fd"></span>Youtube
+      <span class="size-400 icon icon-functional icon-spacer" data-icon="&#x32"></span>
+      <span class="icon icon-functional icon-spacer" data-icon="&#x32"></span>Zoom out
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-youtube"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-zoom-out"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-common" data-icon="&amp;#x1f4fd;"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon icon-functional" data-icon="&amp;#x32;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x1f4fd</span>
+        <span class="kbd">&#x32</span>
       </div>
     </div>
 
@@ -11847,15 +14522,15 @@
   <!-- This will be embeded into a master preview at http://www.ebi.ac.uk/style-lab/ -->
   <h3 class="clear padding-top-xlarge row padding-left-xlarge" id="EBI-Chemistry" data-magellan-target="EBI-Chemistry">EBI-Chemistry </h3>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
       <span class="size-400 icon icon-chemistry icon-spacer" data-icon="&#x6c"></span>
       <span class="icon icon-chemistry icon-spacer" data-icon="&#x6c"></span>Direction left
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-direction_left"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-direction_left"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
@@ -11867,15 +14542,15 @@
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
       <span class="size-400 icon icon-chemistry icon-spacer" data-icon="&#x52"></span>
       <span class="icon icon-chemistry icon-spacer" data-icon="&#x52"></span>Direction reversible
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-direction_reversible"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-direction_reversible"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
@@ -11887,15 +14562,15 @@
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
       <span class="size-400 icon icon-chemistry icon-spacer" data-icon="&#x72"></span>
       <span class="icon icon-chemistry icon-spacer" data-icon="&#x72"></span>Direction right
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-direction_right"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-direction_right"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
@@ -11907,15 +14582,15 @@
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
       <span class="size-400 icon icon-chemistry icon-spacer" data-icon="&#x55"></span>
       <span class="icon icon-chemistry icon-spacer" data-icon="&#x55"></span>Direction unknown
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-direction_unknown"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-direction_unknown"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
@@ -11931,15 +14606,15 @@
   <!-- This will be embeded into a master preview at http://www.ebi.ac.uk/style-lab/ -->
   <h3 class="clear padding-top-xlarge row padding-left-xlarge" id="EBI-Conceptual" data-magellan-target="EBI-Conceptual">EBI-Conceptual </h3>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
       <span class="size-400 icon icon-conceptual icon-spacer" data-icon="&#x62"></span>
       <span class="icon icon-conceptual icon-spacer" data-icon="&#x62"></span>Chemical
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-chemical"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-chemical"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
@@ -11951,15 +14626,15 @@
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
       <span class="size-400 icon icon-conceptual icon-spacer" data-icon="&#x63"></span>
       <span class="icon icon-conceptual icon-spacer" data-icon="&#x63"></span>Cross domain
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-cross-domain"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-cross-domain"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
@@ -11971,15 +14646,15 @@
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
       <span class="size-400 icon icon-conceptual icon-spacer" data-icon="&#x64"></span>
       <span class="icon icon-conceptual icon-spacer" data-icon="&#x64"></span>Dna
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-dna"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-dna"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
@@ -11991,15 +14666,15 @@
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
       <span class="size-400 icon icon-conceptual icon-spacer" data-icon="&#x67"></span>
       <span class="icon icon-conceptual icon-spacer" data-icon="&#x67"></span>Expression
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-expression"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-expression"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
@@ -12011,15 +14686,15 @@
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
       <span class="size-400 icon icon-conceptual icon-spacer" data-icon="&#x6c"></span>
       <span class="icon icon-conceptual icon-spacer" data-icon="&#x6c"></span>Literature
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-literature"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-literature"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
@@ -12031,15 +14706,15 @@
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
       <span class="size-400 icon icon-conceptual icon-spacer" data-icon="&#x6f"></span>
       <span class="icon icon-conceptual icon-spacer" data-icon="&#x6f"></span>Ontology
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-ontology"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-ontology"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
@@ -12051,15 +14726,15 @@
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
       <span class="size-400 icon icon-conceptual icon-spacer" data-icon="&#x50"></span>
       <span class="icon icon-conceptual icon-spacer" data-icon="&#x50"></span>Proteins
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-proteins"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-proteins"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
@@ -12071,15 +14746,15 @@
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
       <span class="size-400 icon icon-conceptual icon-spacer" data-icon="&#x53"></span>
       <span class="icon icon-conceptual icon-spacer" data-icon="&#x53"></span>Structures 3d
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-structures-3d"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-structures-3d"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
@@ -12091,15 +14766,15 @@
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
       <span class="size-400 icon icon-conceptual icon-spacer" data-icon="&#x73"></span>
       <span class="icon icon-conceptual icon-spacer" data-icon="&#x73"></span>Structures
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-structures"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-structures"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
@@ -12111,15 +14786,15 @@
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
       <span class="size-400 icon icon-conceptual icon-spacer" data-icon="&#x79"></span>
       <span class="icon icon-conceptual icon-spacer" data-icon="&#x79"></span>Systems
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-systems"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-systems"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
@@ -12135,15 +14810,15 @@
   <!-- This will be embeded into a master preview at http://www.ebi.ac.uk/style-lab/ -->
   <h3 class="clear padding-top-xlarge row padding-left-xlarge" id="EBI-FileFormats" data-magellan-target="EBI-FileFormats">EBI-FileFormats </h3>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
       <span class="size-400 icon icon-fileformats icon-spacer" data-icon="&#x41"></span>
       <span class="icon icon-fileformats icon-spacer" data-icon="&#x41"></span>Agp
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-AGP"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-AGP"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
@@ -12155,15 +14830,15 @@
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
       <span class="size-400 icon icon-fileformats icon-spacer" data-icon="&#x42"></span>
       <span class="icon icon-fileformats icon-spacer" data-icon="&#x42"></span>Bam
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-BAM"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-BAM"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
@@ -12175,15 +14850,15 @@
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
       <span class="size-400 icon icon-fileformats icon-spacer" data-icon="&#x43"></span>
       <span class="icon icon-fileformats icon-spacer" data-icon="&#x43"></span>Cml
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-CML"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-CML"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
@@ -12195,15 +14870,15 @@
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
       <span class="size-400 icon icon-fileformats icon-spacer" data-icon="&#x52"></span>
       <span class="icon icon-fileformats icon-spacer" data-icon="&#x52"></span>Cram
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-CRAM"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-CRAM"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
@@ -12215,15 +14890,15 @@
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
       <span class="size-400 icon icon-fileformats icon-spacer" data-icon="&#x63"></span>
       <span class="icon icon-fileformats icon-spacer" data-icon="&#x63"></span>Csv
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-CSV"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-CSV"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
@@ -12235,15 +14910,15 @@
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
       <span class="size-400 icon icon-fileformats icon-spacer" data-icon="&#x64"></span>
       <span class="icon icon-fileformats icon-spacer" data-icon="&#x64"></span>Doc
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-DOC"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-DOC"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
@@ -12255,15 +14930,15 @@
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
       <span class="size-400 icon icon-fileformats icon-spacer" data-icon="&#x61"></span>
       <span class="icon icon-fileformats icon-spacer" data-icon="&#x61"></span>Fasta
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-FASTA"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-FASTA"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
@@ -12273,17 +14948,17 @@
         <span class="label">Letter</span>
         <span class="kbd">&#x61</span>
       </div>
-    </div>
-
-
-
+    </div>
 
+    
+    
+    
     <div class="column callout white-background">
       <span class="size-400 icon icon-fileformats icon-spacer" data-icon="&#x66"></span>
       <span class="icon icon-fileformats icon-spacer" data-icon="&#x66"></span>Fastq
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-FASTQ"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-FASTQ"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
@@ -12295,15 +14970,15 @@
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
       <span class="size-400 icon icon-fileformats icon-spacer" data-icon="&#x46"></span>
       <span class="icon icon-fileformats icon-spacer" data-icon="&#x46"></span>Flat
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-FLAT"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-FLAT"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
@@ -12315,15 +14990,15 @@
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
       <span class="size-400 icon icon-fileformats icon-spacer" data-icon="&#x47"></span>
       <span class="icon icon-fileformats icon-spacer" data-icon="&#x47"></span>Gff
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-GFF"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-GFF"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
@@ -12335,15 +15010,15 @@
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
       <span class="size-400 icon icon-fileformats icon-spacer" data-icon="&#x49"></span>
       <span class="icon icon-fileformats icon-spacer" data-icon="&#x49"></span>Img
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-IMG"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-IMG"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
@@ -12355,15 +15030,15 @@
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
       <span class="size-400 icon icon-fileformats icon-spacer" data-icon="&#x4a"></span>
       <span class="icon icon-fileformats icon-spacer" data-icon="&#x4a"></span>Json
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-JSON"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-JSON"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
@@ -12375,15 +15050,15 @@
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
       <span class="size-400 icon icon-fileformats icon-spacer" data-icon="&#x4d"></span>
       <span class="icon icon-fileformats icon-spacer" data-icon="&#x4d"></span>Mdl
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-MDL"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-MDL"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
@@ -12395,15 +15070,15 @@
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
       <span class="size-400 icon icon-fileformats icon-spacer" data-icon="&#x4f"></span>
       <span class="icon icon-fileformats icon-spacer" data-icon="&#x4f"></span>Obo
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-OBO"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-OBO"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
@@ -12415,15 +15090,15 @@
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
       <span class="size-400 icon icon-fileformats icon-spacer" data-icon="&#x6f"></span>
       <span class="icon icon-fileformats icon-spacer" data-icon="&#x6f"></span>Owl
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-OWL"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-OWL"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
@@ -12435,15 +15110,15 @@
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
       <span class="size-400 icon icon-fileformats icon-spacer" data-icon="&#x70"></span>
       <span class="icon icon-fileformats icon-spacer" data-icon="&#x70"></span>Pdf
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-PDF"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-PDF"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
@@ -12455,15 +15130,15 @@
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
       <span class="size-400 icon icon-fileformats icon-spacer" data-icon="&#x33"></span>
       <span class="icon icon-fileformats icon-spacer" data-icon="&#x33"></span>Postscript
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-Postscript"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-Postscript"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
@@ -12475,15 +15150,15 @@
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
       <span class="size-400 icon icon-fileformats icon-spacer" data-icon="&#xf101"></span>
       <span class="icon icon-fileformats icon-spacer" data-icon="&#xf101"></span>Psi mi json
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-PSI-MI_JSON"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-PSI-MI_JSON"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
@@ -12495,15 +15170,15 @@
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
       <span class="size-400 icon icon-fileformats icon-spacer" data-icon="&#x32"></span>
       <span class="icon icon-fileformats icon-spacer" data-icon="&#x32"></span>Psi mi tab
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-PSI-MI_TAB"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-PSI-MI_TAB"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
@@ -12515,15 +15190,15 @@
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
       <span class="size-400 icon icon-fileformats icon-spacer" data-icon="&#x31"></span>
       <span class="icon icon-fileformats icon-spacer" data-icon="&#x31"></span>Psi mi xml
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-PSI-MI_XML"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-PSI-MI_XML"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
@@ -12535,15 +15210,15 @@
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
       <span class="size-400 icon icon-fileformats icon-spacer" data-icon="&#x72"></span>
       <span class="icon icon-fileformats icon-spacer" data-icon="&#x72"></span>Rd
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-RD"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-RD"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
@@ -12555,15 +15230,15 @@
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
       <span class="size-400 icon icon-fileformats icon-spacer" data-icon="&#x44"></span>
       <span class="icon icon-fileformats icon-spacer" data-icon="&#x44"></span>Rdf xml
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-RDF_XML"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-RDF_XML"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
@@ -12575,15 +15250,15 @@
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
       <span class="size-400 icon icon-fileformats icon-spacer" data-icon="&#x58"></span>
       <span class="icon icon-fileformats icon-spacer" data-icon="&#x58"></span>Rxn
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-RXN"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-RXN"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
@@ -12595,15 +15270,15 @@
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
       <span class="size-400 icon icon-fileformats icon-spacer" data-icon="&#x73"></span>
       <span class="icon icon-fileformats icon-spacer" data-icon="&#x73"></span>Sdf
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-SDF"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-SDF"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
@@ -12615,15 +15290,15 @@
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
       <span class="size-400 icon icon-fileformats icon-spacer" data-icon="&#x76"></span>
       <span class="icon icon-fileformats icon-spacer" data-icon="&#x76"></span>Tsv
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-TSV"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-TSV"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
@@ -12635,15 +15310,15 @@
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
       <span class="size-400 icon icon-fileformats icon-spacer" data-icon="&#x74"></span>
       <span class="icon icon-fileformats icon-spacer" data-icon="&#x74"></span>Txt
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-TXT"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-TXT"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
@@ -12655,15 +15330,15 @@
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
       <span class="size-400 icon icon-fileformats icon-spacer" data-icon="&#x78"></span>
       <span class="icon icon-fileformats icon-spacer" data-icon="&#x78"></span>Xml
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-XML"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-XML"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
@@ -12675,15 +15350,15 @@
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
       <span class="size-400 icon icon-fileformats icon-spacer" data-icon="&#x5a"></span>
       <span class="icon icon-fileformats icon-spacer" data-icon="&#x5a"></span>Zip
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-ZIP"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-ZIP"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
@@ -12699,15 +15374,15 @@
   <!-- This will be embeded into a master preview at http://www.ebi.ac.uk/style-lab/ -->
   <h3 class="clear padding-top-xlarge row padding-left-xlarge" id="EBI-Species" data-magellan-target="EBI-Species">EBI-Species </h3>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
       <span class="size-400 icon icon-species icon-spacer" data-icon="&#x61"></span>
       <span class="icon icon-species icon-spacer" data-icon="&#x61"></span>Alpaca
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-alpaca"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-alpaca"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
@@ -12719,15 +15394,15 @@
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
       <span class="size-400 icon icon-species icon-spacer" data-icon="&#x30"></span>
       <span class="icon icon-species icon-spacer" data-icon="&#x30"></span>Amoeba
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-amoeba"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-amoeba"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
@@ -12739,15 +15414,15 @@
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
       <span class="size-400 icon icon-species icon-spacer" data-icon="&#x37"></span>
       <span class="icon icon-species icon-spacer" data-icon="&#x37"></span>Anolis
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-anolis"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-anolis"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
@@ -12759,15 +15434,15 @@
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
       <span class="size-400 icon icon-species icon-spacer" data-icon="&#x6c"></span>
       <span class="icon icon-species icon-spacer" data-icon="&#x6c"></span>Armadillo
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-armadillo"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-armadillo"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
@@ -12779,15 +15454,15 @@
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
       <span class="size-400 icon icon-species icon-spacer" data-icon="&#xa3"></span>
       <span class="icon icon-species icon-spacer" data-icon="&#xa3"></span>Aspergillus
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-aspergillus"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-aspergillus"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
@@ -12799,15 +15474,15 @@
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
       <span class="size-400 icon icon-species icon-spacer" data-icon="&#x35"></span>
       <span class="icon icon-species icon-spacer" data-icon="&#x35"></span>Barley
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-barley"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-barley"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
@@ -12819,15 +15494,15 @@
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
       <span class="size-400 icon icon-species icon-spacer" data-icon="&#x28"></span>
       <span class="icon icon-species icon-spacer" data-icon="&#x28"></span>Bat
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-bat"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-bat"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
@@ -12839,15 +15514,15 @@
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
       <span class="size-400 icon icon-species icon-spacer" data-icon="&#x24"></span>
       <span class="icon icon-species icon-spacer" data-icon="&#x24"></span>Bee
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-bee"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-bee"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
@@ -12859,15 +15534,15 @@
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
       <span class="size-400 icon icon-species icon-spacer" data-icon="&#x25"></span>
       <span class="icon icon-species icon-spacer" data-icon="&#x25"></span>Brachypodium
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-brachypodium"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-brachypodium"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
@@ -12879,15 +15554,15 @@
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
       <span class="size-400 icon icon-species icon-spacer" data-icon="&#x42"></span>
       <span class="icon icon-species icon-spacer" data-icon="&#x42"></span>Brassica
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-brassica"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-brassica"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
@@ -12899,15 +15574,15 @@
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
       <span class="size-400 icon icon-species icon-spacer" data-icon="&#x62"></span>
       <span class="icon icon-species icon-spacer" data-icon="&#x62"></span>Bug
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-bug"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-bug"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
@@ -12919,15 +15594,15 @@
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
       <span class="size-400 icon icon-species icon-spacer" data-icon="&#x57"></span>
       <span class="icon icon-species icon-spacer" data-icon="&#x57"></span>C elegans
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-c-elegans"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-c-elegans"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
@@ -12939,15 +15614,15 @@
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
       <span class="size-400 icon icon-species icon-spacer" data-icon="&#x41"></span>
       <span class="icon icon-species icon-spacer" data-icon="&#x41"></span>Cat
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-cat"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-cat"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
@@ -12959,15 +15634,15 @@
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
       <span class="size-400 icon icon-species icon-spacer" data-icon="&#x6b"></span>
       <span class="icon icon-species icon-spacer" data-icon="&#x6b"></span>Chicken
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-chicken"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-chicken"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
@@ -12979,15 +15654,15 @@
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
       <span class="size-400 icon icon-species icon-spacer" data-icon="&#x69"></span>
       <span class="icon icon-species icon-spacer" data-icon="&#x69"></span>Chimpanzee
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-chimpanzee"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-chimpanzee"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
@@ -12999,15 +15674,15 @@
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
       <span class="size-400 icon icon-species icon-spacer" data-icon="&#x63"></span>
       <span class="icon icon-species icon-spacer" data-icon="&#x63"></span>Corn
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-corn"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-corn"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
@@ -13019,15 +15694,15 @@
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
       <span class="size-400 icon icon-species icon-spacer" data-icon="&#x43"></span>
       <span class="icon icon-species icon-spacer" data-icon="&#x43"></span>Cow
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-cow"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-cow"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
@@ -13039,15 +15714,15 @@
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
       <span class="size-400 icon icon-species icon-spacer" data-icon="&#x32"></span>
       <span class="icon icon-species icon-spacer" data-icon="&#x32"></span>Diatom
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-diatom"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-diatom"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
@@ -13059,15 +15734,15 @@
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
       <span class="size-400 icon icon-species icon-spacer" data-icon="&#x64"></span>
       <span class="icon icon-species icon-spacer" data-icon="&#x64"></span>Dog
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-dog"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-dog"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
@@ -13079,15 +15754,15 @@
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
       <span class="size-400 icon icon-species icon-spacer" data-icon="&#x44"></span>
       <span class="icon icon-species icon-spacer" data-icon="&#x44"></span>Dolphin
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-dolphin"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-dolphin"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
@@ -13099,15 +15774,15 @@
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
       <span class="size-400 icon icon-species icon-spacer" data-icon="&#x4c"></span>
       <span class="icon icon-species icon-spacer" data-icon="&#x4c"></span>Ecoli
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-ecoli"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-ecoli"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
@@ -13119,15 +15794,15 @@
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
       <span class="size-400 icon icon-species icon-spacer" data-icon="&#x65"></span>
       <span class="icon icon-species icon-spacer" data-icon="&#x65"></span>Elephant
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-elephant"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-elephant"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
@@ -13139,15 +15814,15 @@
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
       <span class="size-400 icon icon-species icon-spacer" data-icon="&#x21"></span>
       <span class="icon icon-species icon-spacer" data-icon="&#x21"></span>Ferret
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-ferret"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-ferret"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
@@ -13159,15 +15834,15 @@
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
       <span class="size-400 icon icon-species icon-spacer" data-icon="&#x6e"></span>
       <span class="icon icon-species icon-spacer" data-icon="&#x6e"></span>Finch
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-finch"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-finch"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
@@ -13179,15 +15854,15 @@
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
       <span class="size-400 icon icon-species icon-spacer" data-icon="&#x46"></span>
       <span class="icon icon-species icon-spacer" data-icon="&#x46"></span>Fly
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-fly"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-fly"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
@@ -13199,15 +15874,15 @@
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
       <span class="size-400 icon icon-species icon-spacer" data-icon="&#x66"></span>
       <span class="icon icon-species icon-spacer" data-icon="&#x66"></span>Frog
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-frog"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-frog"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
@@ -13219,15 +15894,15 @@
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
       <span class="size-400 icon icon-species icon-spacer" data-icon="&#x75"></span>
       <span class="icon icon-species icon-spacer" data-icon="&#x75"></span>Fungus
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-fungus"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-fungus"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
@@ -13239,15 +15914,15 @@
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
       <span class="size-400 icon icon-species icon-spacer" data-icon="&#x5e"></span>
       <span class="icon icon-species icon-spacer" data-icon="&#x5e"></span>Glycinemax
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-glycinemax"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-glycinemax"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
@@ -13259,15 +15934,15 @@
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
       <span class="size-400 icon icon-species icon-spacer" data-icon="&#x6d"></span>
       <span class="icon icon-species icon-spacer" data-icon="&#x6d"></span>Goat
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-goat"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-goat"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
@@ -13279,15 +15954,15 @@
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
       <span class="size-400 icon icon-species icon-spacer" data-icon="&#x47"></span>
       <span class="icon icon-species icon-spacer" data-icon="&#x47"></span>Gorilla
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-gorilla"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-gorilla"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
@@ -13299,15 +15974,15 @@
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
       <span class="size-400 icon icon-species icon-spacer" data-icon="&#x4f"></span>
       <span class="icon icon-species icon-spacer" data-icon="&#x4f"></span>Grapes
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-grapes"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-grapes"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
@@ -13319,15 +15994,15 @@
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
       <span class="size-400 icon icon-species icon-spacer" data-icon="&#x67"></span>
       <span class="icon icon-species icon-spacer" data-icon="&#x67"></span>Guinea pig
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-guinea-pig"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-guinea-pig"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
@@ -13339,15 +16014,15 @@
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
       <span class="size-400 icon icon-species icon-spacer" data-icon="&#x6f"></span>
       <span class="icon icon-species icon-spacer" data-icon="&#x6f"></span>Hedgehog
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-hedgehog"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-hedgehog"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
@@ -13359,15 +16034,15 @@
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
       <span class="size-400 icon icon-species icon-spacer" data-icon="&#x68"></span>
       <span class="icon icon-species icon-spacer" data-icon="&#x68"></span>Horse
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-horse"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-horse"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
@@ -13379,15 +16054,15 @@
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
       <span class="size-400 icon icon-species icon-spacer" data-icon="&#x48"></span>
       <span class="icon icon-species icon-spacer" data-icon="&#x48"></span>Human
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-human"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-human"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
@@ -13399,15 +16074,15 @@
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
       <span class="size-400 icon icon-species icon-spacer" data-icon="&#x33"></span>
       <span class="icon icon-species icon-spacer" data-icon="&#x33"></span>Kangaroo rat
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-kangaroo-rat"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-kangaroo-rat"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
@@ -13419,15 +16094,15 @@
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
       <span class="size-400 icon icon-species icon-spacer" data-icon="&#x34"></span>
       <span class="icon icon-species icon-spacer" data-icon="&#x34"></span>Louse
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-louse"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-louse"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
@@ -13439,15 +16114,15 @@
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
       <span class="size-400 icon icon-species icon-spacer" data-icon="&#x72"></span>
       <span class="icon icon-species icon-spacer" data-icon="&#x72"></span>Monkey
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-monkey"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-monkey"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
@@ -13459,15 +16134,15 @@
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
       <span class="size-400 icon icon-species icon-spacer" data-icon="&#x39"></span>
       <span class="icon icon-species icon-spacer" data-icon="&#x39"></span>Monodelphis
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-monodelphis"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-monodelphis"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
@@ -13479,15 +16154,15 @@
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
       <span class="size-400 icon icon-species icon-spacer" data-icon="&#x31"></span>
       <span class="icon icon-species icon-spacer" data-icon="&#x31"></span>Mosquito
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-mosquito"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-mosquito"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
@@ -13499,15 +16174,15 @@
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
       <span class="size-400 icon icon-species icon-spacer" data-icon="&#x4e"></span>
       <span class="icon icon-species icon-spacer" data-icon="&#x4e"></span>Mouse lemur
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-mouse-lemur"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-mouse-lemur"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
@@ -13519,15 +16194,15 @@
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
       <span class="size-400 icon icon-species icon-spacer" data-icon="&#x4d"></span>
       <span class="icon icon-species icon-spacer" data-icon="&#x4d"></span>Mouse
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-mouse"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-mouse"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
@@ -13539,15 +16214,15 @@
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
       <span class="size-400 icon icon-species icon-spacer" data-icon="&#x2a"></span>
       <span class="icon icon-species icon-spacer" data-icon="&#x2a"></span>Orangutan
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-orangutan"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-orangutan"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
@@ -13559,15 +16234,15 @@
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
       <span class="size-400 icon icon-species icon-spacer" data-icon="&#x38"></span>
       <span class="icon icon-species icon-spacer" data-icon="&#x38"></span>Papio
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-papio"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-papio"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
@@ -13579,15 +16254,15 @@
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
       <span class="size-400 icon icon-species icon-spacer" data-icon="&#x70"></span>
       <span class="icon icon-species icon-spacer" data-icon="&#x70"></span>Pig
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-pig"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-pig"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
@@ -13599,15 +16274,15 @@
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
       <span class="size-400 icon icon-species icon-spacer" data-icon="&#x50"></span>
       <span class="icon icon-species icon-spacer" data-icon="&#x50"></span>Plant
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-plant"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-plant"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
@@ -13619,15 +16294,15 @@
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
       <span class="size-400 icon icon-species icon-spacer" data-icon="&#x40"></span>
       <span class="icon icon-species icon-spacer" data-icon="&#x40"></span>Plasmodium
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-plasmodium"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-plasmodium"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
@@ -13639,15 +16314,15 @@
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
       <span class="size-400 icon icon-species icon-spacer" data-icon="&#x55"></span>
       <span class="icon icon-species icon-spacer" data-icon="&#x55"></span>Platypus
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-platypus"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-platypus"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
@@ -13659,15 +16334,15 @@
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
       <span class="size-400 icon icon-species icon-spacer" data-icon="&#x45"></span>
       <span class="icon icon-species icon-spacer" data-icon="&#x45"></span>Pufferfish
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-pufferfish"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-pufferfish"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
@@ -13679,15 +16354,15 @@
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
       <span class="size-400 icon icon-species icon-spacer" data-icon="&#x74"></span>
       <span class="icon icon-species icon-spacer" data-icon="&#x74"></span>Rabbit
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-rabbit"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-rabbit"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
@@ -13699,15 +16374,15 @@
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
       <span class="size-400 icon icon-species icon-spacer" data-icon="&#x52"></span>
       <span class="icon icon-species icon-spacer" data-icon="&#x52"></span>Rat
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-rat"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-rat"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
@@ -13719,15 +16394,15 @@
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
       <span class="size-400 icon icon-species icon-spacer" data-icon="&#x2b"></span>
       <span class="icon icon-species icon-spacer" data-icon="&#x2b"></span>Ray
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-ray"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-ray"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
@@ -13739,15 +16414,15 @@
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
       <span class="size-400 icon icon-species icon-spacer" data-icon="&#x36"></span>
       <span class="icon icon-species icon-spacer" data-icon="&#x36"></span>Rice
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-rice"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-rice"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
@@ -13759,15 +16434,15 @@
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
       <span class="size-400 icon icon-species icon-spacer" data-icon="&#x73"></span>
       <span class="icon icon-species icon-spacer" data-icon="&#x73"></span>Scorpion
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-scorpion"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-scorpion"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
@@ -13779,15 +16454,15 @@
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
       <span class="size-400 icon icon-species icon-spacer" data-icon="&#x78"></span>
       <span class="icon icon-species icon-spacer" data-icon="&#x78"></span>Sheep
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-sheep"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-sheep"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
@@ -13799,15 +16474,15 @@
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
       <span class="size-400 icon icon-species icon-spacer" data-icon="&#x51"></span>
       <span class="icon icon-species icon-spacer" data-icon="&#x51"></span>Shrew
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-shrew"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-shrew"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
@@ -13819,15 +16494,15 @@
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
       <span class="size-400 icon icon-species icon-spacer" data-icon="&#x27"></span>
       <span class="icon icon-species icon-spacer" data-icon="&#x27"></span>Snail
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-snail"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-snail"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
@@ -13839,15 +16514,15 @@
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
       <span class="size-400 icon icon-species icon-spacer" data-icon="&#x53"></span>
       <span class="icon icon-species icon-spacer" data-icon="&#x53"></span>Spider
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-spider"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-spider"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
@@ -13859,15 +16534,15 @@
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
       <span class="size-400 icon icon-species icon-spacer" data-icon="&#x49"></span>
       <span class="icon icon-species icon-spacer" data-icon="&#x49"></span>Squirrel
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-squirrel"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-squirrel"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
@@ -13879,15 +16554,15 @@
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
       <span class="size-400 icon icon-species icon-spacer" data-icon="&#x26"></span>
       <span class="icon icon-species icon-spacer" data-icon="&#x26"></span>Tick
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-tick"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-tick"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
@@ -13899,15 +16574,15 @@
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
       <span class="size-400 icon icon-species icon-spacer" data-icon="&#x29"></span>
       <span class="icon icon-species icon-spacer" data-icon="&#x29"></span>Tomatoes
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-tomatoes"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-tomatoes"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
@@ -13919,15 +16594,15 @@
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
       <span class="size-400 icon icon-species icon-spacer" data-icon="&#x76"></span>
       <span class="icon icon-species icon-spacer" data-icon="&#x76"></span>Virus
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-virus"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-virus"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
@@ -13939,15 +16614,15 @@
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
       <span class="size-400 icon icon-species icon-spacer" data-icon="&#x77"></span>
       <span class="icon icon-species icon-spacer" data-icon="&#x77"></span>Wallaby
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-wallaby"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-wallaby"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
@@ -13959,15 +16634,15 @@
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
       <span class="size-400 icon icon-species icon-spacer" data-icon="&#x59"></span>
       <span class="icon icon-species icon-spacer" data-icon="&#x59"></span>Yeast
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-yeast"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-yeast"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
@@ -13979,15 +16654,15 @@
       </div>
     </div>
 
-
-
-
+    
+    
+    
     <div class="column callout white-background">
       <span class="size-400 icon icon-species icon-spacer" data-icon="&#x5a"></span>
       <span class="icon icon-species icon-spacer" data-icon="&#x5a"></span>Zebrafish
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">&lt;i class=".icon-ebi icon-zebrafish"&gt;&lt;/i&gt;</p>
+        <p class="code">&lt;i class="icon-ebi icon-zebrafish"&gt;&lt;/i&gt;</p>
       </div>
       <div class=" small">
         <span class="label">HTML with hex</span>