diff --git a/assets_site/partials/fonts/fonts-v1_3.html b/assets_site/partials/fonts/fonts-v1_3.html
index 11fa27796d57be317faf1f5a90e02fa35e367651..885e9edb6c8af920caacc16f6e47a434e0035512 100644
--- a/assets_site/partials/fonts/fonts-v1_3.html
+++ b/assets_site/partials/fonts/fonts-v1_3.html
@@ -1,5 +1,5 @@
 <!-- Generate a partial to be consumed by EBI Style Lab -->
-<h3 class="padding-top-xlarge">The gallery</h3>
+<h3 class="padding-top-xlarge"><i class="icon icon-common" data-icon="&#xb;"></i> The gallery</h3>
 <div class="" id="thegallery">
   <div class="" data-sticky-container>
     <div class="sticky" data-sticky data-sticky-on="medium" data-top-anchor="thegallery" data-btm-anchor="thegallery:bottom" data-margin-top="3">
@@ -29,14 +29,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-address-book"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -50,14 +49,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-address-card"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -71,14 +69,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-adjust"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -92,14 +89,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-align-center"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -113,14 +109,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-align-justify"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -134,14 +129,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-align-left"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -155,14 +149,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-align-right"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -176,14 +169,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-ambulance"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -197,14 +189,13 @@
     <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
+      <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>
+      </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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-american-sign-language-interpreting"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -218,14 +209,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-anchor"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -239,14 +229,13 @@
     <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
+      <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>
+      </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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-angle-double-down"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -260,14 +249,13 @@
     <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
+      <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>
+      </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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-angle-double-left"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -281,14 +269,13 @@
     <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
+      <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>
+      </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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-angle-double-right"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -302,14 +289,13 @@
     <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
+      <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>
+      </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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-angle-double-up"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -323,14 +309,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-angle-down"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -344,14 +329,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-angle-left"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -365,14 +349,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-angle-right"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -386,14 +369,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-angle-up"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -407,14 +389,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-archive"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -428,14 +409,13 @@
     <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
+      <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>
+      </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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-arrow-alt-circle-down"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -449,14 +429,13 @@
     <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
+      <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>
+      </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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-arrow-alt-circle-left"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -470,14 +449,13 @@
     <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
+      <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>
+      </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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-arrow-alt-circle-right"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -491,14 +469,13 @@
     <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
+      <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>
+      </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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-arrow-alt-circle-up"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -512,14 +489,13 @@
     <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
+      <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>
+      </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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-arrow-circle-down"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -533,14 +509,13 @@
     <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
+      <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>
+      </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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-arrow-circle-left"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -554,14 +529,13 @@
     <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
+      <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>
+      </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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-arrow-circle-right"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -575,14 +549,13 @@
     <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
+      <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>
+      </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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-arrow-circle-up"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -596,14 +569,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-arrow-down"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -617,14 +589,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-arrow-left"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -638,14 +609,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-arrow-right"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -659,14 +629,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-arrow-up"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -680,14 +649,13 @@
     <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
+      <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>
+      </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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-arrows-alt-h"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -701,14 +669,13 @@
     <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
+      <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>
+      </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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-arrows-alt-v"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -722,14 +689,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-arrows-alt"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -743,14 +709,13 @@
     <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
+      <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>
+      </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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-assistive-listening-systems"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -764,14 +729,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-asterisk"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -785,14 +749,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-at"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -806,14 +769,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-audio-description"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -827,14 +789,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-backward"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -848,14 +809,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-balance-scale"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -869,14 +829,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-ban"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -890,14 +849,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-barcode"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -911,14 +869,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-bars"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -932,14 +889,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-baseball-ball"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -953,14 +909,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-basketball-ball"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -974,14 +929,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-bath"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -995,14 +949,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-battery-empty"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -1016,14 +969,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-battery-full"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -1037,14 +989,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-battery-half"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -1058,14 +1009,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-battery-quarter"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -1079,14 +1029,13 @@
     <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
+      <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>
+      </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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-battery-three-quarters"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -1100,14 +1049,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-bed"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -1121,14 +1069,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-beer"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -1142,14 +1089,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-bell-slash"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -1163,14 +1109,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-bell"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -1184,14 +1129,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-bicycle"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -1205,14 +1149,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-binoculars"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -1226,14 +1169,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-birthday-cake"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -1247,14 +1189,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-blind"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -1268,14 +1209,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-bold"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -1289,14 +1229,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-bolt"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -1310,14 +1249,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-bomb"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -1331,14 +1269,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-book"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -1352,14 +1289,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-bookmark"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -1373,14 +1309,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-bowling-ball"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -1394,14 +1329,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-braille"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -1415,14 +1349,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-briefcase"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -1436,14 +1369,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-bug"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -1457,14 +1389,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-building"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -1478,14 +1409,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-bullhorn"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -1499,14 +1429,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-bullseye"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -1520,14 +1449,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-calculator"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -1541,14 +1469,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-calendar-alt"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -1562,14 +1489,13 @@
     <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
-      <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>
-
-      </div>
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-calendar-check"</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>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -1583,14 +1509,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-calendar-minus"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -1604,14 +1529,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-calendar-plus"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -1625,14 +1549,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-calendar-times"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -1646,14 +1569,13 @@
     <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
+      <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;#x273;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-calendar"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -1667,14 +1589,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-camera-retro"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -1688,14 +1609,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-caret-down"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -1709,14 +1629,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-caret-left"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -1730,14 +1649,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-caret-right"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -1751,14 +1669,13 @@
     <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
+      <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>
+      </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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-caret-square-down"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -1772,14 +1689,13 @@
     <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
+      <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>
+      </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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-caret-square-left"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -1793,14 +1709,13 @@
     <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
+      <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>
+      </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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-caret-square-right"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -1814,14 +1729,13 @@
     <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
+      <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>
+      </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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-caret-square-up"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -1835,14 +1749,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-caret-up"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -1856,14 +1769,13 @@
     <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
+      <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>
+      </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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-cart-arrow-down"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -1877,14 +1789,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-cart-plus"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -1898,14 +1809,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-certificate"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -1919,14 +1829,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-chart-area"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -1940,14 +1849,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-chart-bar"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -1961,14 +1869,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-chart-line"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -1982,14 +1889,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-chart-pie"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -2003,14 +1909,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-check-circle"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -2024,14 +1929,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-check-square"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -2045,14 +1949,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-check"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -2066,14 +1969,13 @@
     <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
+      <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>
+      </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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-chevron-circle-down"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -2087,14 +1989,13 @@
     <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
+      <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>
+      </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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-chevron-circle-left"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -2108,14 +2009,13 @@
     <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
+      <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>
+      </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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-chevron-circle-right"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -2129,14 +2029,13 @@
     <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
+      <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>
+      </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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-chevron-circle-up"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -2150,14 +2049,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-chevron-down"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -2171,14 +2069,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-chevron-left"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -2192,14 +2089,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-chevron-right"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -2213,14 +2109,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-chevron-up"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -2234,14 +2129,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-child"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -2255,14 +2149,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-circle-notch"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -2276,14 +2169,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-circle"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -2297,14 +2189,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-clipboard"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -2318,14 +2209,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-clock"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -2339,14 +2229,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-clone"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -2360,14 +2249,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-closed-captioning"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -2381,14 +2269,13 @@
     <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
+      <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>
+      </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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-cloud-download-alt"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -2402,14 +2289,13 @@
     <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
+      <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>
+      </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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-cloud-upload-alt"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -2423,14 +2309,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-cloud"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -2444,14 +2329,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-code-branch"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -2465,14 +2349,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-code"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -2486,14 +2369,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-coffee"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -2507,14 +2389,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-cog"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -2528,14 +2409,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-cogs"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -2549,14 +2429,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-columns"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -2570,14 +2449,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-comment-alt"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -2591,14 +2469,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-comment"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -2612,14 +2489,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-comments"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -2633,14 +2509,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-compass"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -2654,14 +2529,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-compress"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -2675,14 +2549,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-copy"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -2696,14 +2569,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-copyright"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -2717,14 +2589,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-credit-card"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -2738,14 +2609,13 @@
     <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
+      <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;#x125;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-crop"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -2759,14 +2629,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-crosshairs"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -2780,14 +2649,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-cube"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -2801,14 +2669,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-cubes"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -2822,14 +2689,13 @@
     <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
+      <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;#xc4;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-cut"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -2843,14 +2709,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-database"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -2864,14 +2729,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-deaf"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -2885,14 +2749,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-desktop"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -2906,14 +2769,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-dollar-sign"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -2927,14 +2789,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-dot-circle"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -2948,14 +2809,13 @@
     <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
+      <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;#x19;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-download"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -2969,14 +2829,13 @@
     <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
+      <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;#xf113;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-edit"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -2990,14 +2849,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-eject"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -3011,14 +2869,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-ellipsis-h"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -3032,14 +2889,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-ellipsis-v"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -3053,14 +2909,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-envelope-open"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -3074,14 +2929,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-envelope-square"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -3095,14 +2949,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-envelope"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -3116,14 +2969,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-eraser"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -3137,14 +2989,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-euro-sign"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -3158,14 +3009,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-exchange-alt"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -3179,14 +3029,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-exclamation-circle"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -3200,14 +3049,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-exclamation-triangle"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -3221,14 +3069,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-exclamation"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -3242,14 +3089,13 @@
     <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
+      <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>
+      </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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-expand-arrows-alt"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -3263,14 +3109,13 @@
     <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
+      <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;#x31e;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-expand"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -3284,14 +3129,13 @@
     <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
+      <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>
+      </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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-external-link-alt"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -3305,14 +3149,13 @@
     <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
+      <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>
+      </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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-external-link-square-alt"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -3326,14 +3169,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-eye-dropper"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -3347,14 +3189,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-eye-slash"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -3368,14 +3209,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-eye"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -3389,14 +3229,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-fast-backward"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -3410,14 +3249,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-fast-forward"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -3431,14 +3269,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-female"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -3452,14 +3289,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-film"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -3473,14 +3309,13 @@
     <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
+      <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;#xb0;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-filter"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -3494,14 +3329,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-fire-extinguisher"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -3515,14 +3349,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-fire"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -3536,14 +3369,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-flag-checkered"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -3557,14 +3389,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-flag"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -3578,14 +3409,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-flask"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -3599,14 +3429,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-folder-open"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -3620,14 +3449,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-folder"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -3641,14 +3469,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-font"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -3662,14 +3489,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-football-ball"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -3683,14 +3509,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-forward"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -3704,14 +3529,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-frown"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -3725,14 +3549,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-futbol"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -3746,14 +3569,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-gamepad"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -3767,14 +3589,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-gavel"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -3788,14 +3609,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-gem"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -3809,14 +3629,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-genderless"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -3830,14 +3649,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-gift"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -3851,14 +3669,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-glass-martini"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -3872,14 +3689,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-globe"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -3893,14 +3709,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-golf-ball"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -3914,14 +3729,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-graduation-cap"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -3935,14 +3749,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-h-square"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -3956,14 +3769,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-hand-lizard"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -3977,14 +3789,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-hand-paper"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -3998,14 +3809,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-hand-peace"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -4019,14 +3829,13 @@
     <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
+      <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>
+      </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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-hand-point-down"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -4040,14 +3849,13 @@
     <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
+      <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>
+      </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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-hand-point-left"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -4061,14 +3869,13 @@
     <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
+      <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>
+      </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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-hand-point-right"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -4082,14 +3889,13 @@
     <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
+      <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>
+      </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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-hand-point-up"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -4103,14 +3909,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-hand-pointer"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -4124,14 +3929,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-hand-rock"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -4145,14 +3949,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-hand-scissors"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -4166,14 +3969,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-hand-spock"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -4187,14 +3989,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-handshake"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -4208,14 +4009,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-hashtag"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -4229,14 +4029,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-hdd"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -4250,14 +4049,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-heading"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -4271,14 +4069,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-headphones"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -4292,14 +4089,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-heart"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -4313,14 +4109,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-heartbeat"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -4334,14 +4129,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-history"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -4355,14 +4149,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-hockey-puck"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -4376,14 +4169,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-home"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -4397,14 +4189,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-hospital"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -4418,14 +4209,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-hourglass-end"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -4439,14 +4229,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-hourglass-half"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -4460,14 +4249,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-hourglass-start"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -4481,14 +4269,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-hourglass"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -4502,14 +4289,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-i-cursor"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -4523,14 +4309,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-id-badge"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -4544,14 +4329,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-id-card"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -4565,14 +4349,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-image"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -4586,14 +4369,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-images"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -4607,14 +4389,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-inbox"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -4628,14 +4409,13 @@
     <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
-      <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>
-
-      </div>
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-indent"</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>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -4649,14 +4429,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-industry"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -4670,14 +4449,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-italic"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -4691,14 +4469,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-key"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -4712,14 +4489,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-keyboard"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -4733,14 +4509,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-language"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -4754,14 +4529,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-laptop"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -4775,14 +4549,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-leaf"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -4796,14 +4569,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-lemon"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -4817,14 +4589,13 @@
     <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
+      <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>
+      </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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-level-down-alt"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -4838,14 +4609,13 @@
     <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
+      <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>
+      </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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-level-up-alt"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -4859,14 +4629,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-lightbulb"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -4880,14 +4649,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-link"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -4901,14 +4669,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-lira-sign"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -4922,14 +4689,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-list-ol"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -4943,14 +4709,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-list-ul"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -4964,14 +4729,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-list"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -4985,14 +4749,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-location-arrow"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -5006,14 +4769,13 @@
     <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
+      <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>
+      </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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-long-arrow-alt-down"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -5027,14 +4789,13 @@
     <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
+      <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>
+      </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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-long-arrow-alt-left"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -5048,14 +4809,13 @@
     <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
+      <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>
+      </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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-long-arrow-alt-right"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -5069,14 +4829,13 @@
     <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
+      <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>
+      </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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-long-arrow-alt-up"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -5090,14 +4849,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-low-vision"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -5111,14 +4869,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-magic"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -5132,14 +4889,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-magnet"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -5153,14 +4909,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-male"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -5174,14 +4929,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-map-pin"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -5195,14 +4949,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-map-signs"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -5216,14 +4969,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-mars-double"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -5237,14 +4989,13 @@
     <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
+      <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>
+      </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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-mars-stroke-h"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -5258,14 +5009,13 @@
     <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
+      <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>
+      </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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-mars-stroke-v"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -5279,14 +5029,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-mars-stroke"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -5300,14 +5049,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-mars"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -5321,14 +5069,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-medkit"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -5342,14 +5089,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-meh"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -5363,14 +5109,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-mercury"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -5384,14 +5129,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-microchip"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -5405,14 +5149,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-microphone-slash"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -5426,14 +5169,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-microphone"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -5447,14 +5189,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-minus-circle"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -5468,14 +5209,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-minus-square"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -5489,14 +5229,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-minus"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -5510,14 +5249,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-mobile-alt"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -5531,14 +5269,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-mobile"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -5552,14 +5289,13 @@
     <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
+      <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>
+      </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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-money-bill-alt"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -5573,14 +5309,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-moon"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -5594,14 +5329,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-motorcycle"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -5615,14 +5349,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-mouse-pointer"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -5636,14 +5369,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-music"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -5657,14 +5389,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-neuter"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -5678,14 +5409,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-newspaper"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -5699,14 +5429,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-object-group"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -5720,14 +5449,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-object-ungroup"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -5741,14 +5469,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-outdent"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -5762,14 +5489,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-paint-brush"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -5783,14 +5509,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-paper-plane"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -5804,14 +5529,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-paperclip"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -5825,14 +5549,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-paragraph"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -5846,14 +5569,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-paste"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -5867,14 +5589,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-pause-circle"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -5888,14 +5609,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-pause"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -5909,14 +5629,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-paw"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -5930,14 +5649,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-pen-square"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -5951,14 +5669,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-pencil-alt"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -5972,14 +5689,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-percent"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -5993,14 +5709,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-phone"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -6014,14 +5729,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-plane"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -6035,14 +5749,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-play-circle"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -6056,14 +5769,13 @@
     <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
+      <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;#x144;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-play"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -6077,14 +5789,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-plug"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -6098,14 +5809,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-plus-circle"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -6119,14 +5829,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-plus-square"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -6140,14 +5849,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-plus"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -6161,14 +5869,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-podcast"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -6182,14 +5889,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-pound-sign"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -6203,14 +5909,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-power-off"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -6224,14 +5929,13 @@
     <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
+      <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;#xf133;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-print"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -6245,14 +5949,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-puzzle-piece"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -6266,14 +5969,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-qrcode"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -6287,14 +5989,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-question-circle"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -6308,14 +6009,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-question"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -6329,14 +6029,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-quote-left"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -6350,14 +6049,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-quote-right"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -6371,14 +6069,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-random"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -6392,14 +6089,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-recycle"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -6413,14 +6109,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-redo-alt"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -6434,14 +6129,13 @@
     <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
+      <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;#x2f9;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-redo"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -6455,14 +6149,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-reply-all"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -6476,14 +6169,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-reply"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -6497,14 +6189,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-retweet"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -6518,14 +6209,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-road"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -6539,14 +6229,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-rocket"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -6560,14 +6249,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-rss"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -6581,14 +6269,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-ruble-sign"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -6602,14 +6289,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-rupee-sign"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -6623,14 +6309,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-search-minus"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -6644,14 +6329,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-search-plus"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -6665,14 +6349,13 @@
     <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
+      <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;#xe;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-search"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -6686,14 +6369,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-server"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -6707,14 +6389,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-share-alt"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -6728,14 +6409,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-share-square"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -6749,14 +6429,13 @@
     <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
+      <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;#x14d;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-share"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -6770,14 +6449,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-shekel-sign"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -6791,14 +6469,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-shield-alt"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -6812,14 +6489,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-ship"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -6833,14 +6509,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-shower"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -6854,14 +6529,13 @@
     <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
+      <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>
+      </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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-sign-in-alt"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -6875,14 +6549,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-sign-language"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -6896,14 +6569,13 @@
     <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
+      <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>
+      </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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-sign-out-alt"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -6917,14 +6589,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-signal"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -6938,14 +6609,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-sitemap"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -6959,14 +6629,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-sliders-h"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -6980,14 +6649,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-smile"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -7001,14 +6669,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-snowflake"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -7022,14 +6689,13 @@
     <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
+      <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>
+      </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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-sort-alpha-down"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -7043,14 +6709,13 @@
     <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
+      <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>
+      </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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-sort-alpha-up"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -7064,14 +6729,13 @@
     <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
+      <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>
+      </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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-sort-amount-down"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -7085,14 +6749,13 @@
     <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
+      <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>
+      </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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-sort-amount-up"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -7106,14 +6769,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-sort-down"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -7127,14 +6789,13 @@
     <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
+      <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>
+      </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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-sort-numeric-down"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -7148,14 +6809,13 @@
     <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
+      <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>
+      </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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-sort-numeric-up"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -7169,14 +6829,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-sort-up"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -7190,14 +6849,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-sort"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -7211,14 +6869,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-spinner"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -7232,14 +6889,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-square-full"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -7253,14 +6909,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-square"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -7274,14 +6929,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-star-half"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -7295,14 +6949,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-star"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -7316,14 +6969,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-step-backward"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -7337,14 +6989,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-step-forward"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -7358,14 +7009,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-stethoscope"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -7379,14 +7029,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-sticky-note"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -7400,14 +7049,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-stop-circle"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -7421,14 +7069,13 @@
     <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
+      <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;#x28d;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-stop"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -7442,14 +7089,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-stopwatch"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -7463,14 +7109,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-street-view"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -7484,14 +7129,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-strikethrough"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -7505,14 +7149,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-subscript"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -7526,14 +7169,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-subway"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -7547,14 +7189,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-suitcase"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -7568,14 +7209,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-sun"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -7589,14 +7229,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-superscript"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -7610,14 +7249,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-sync-alt"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -7631,14 +7269,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-sync"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -7652,14 +7289,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-table-tennis"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -7673,14 +7309,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-table"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -7694,14 +7329,13 @@
     <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
-      <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>
-
-      </div>
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-tablet-alt"</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>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -7715,14 +7349,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-tablet"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -7736,14 +7369,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-tachometer-alt"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -7757,14 +7389,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-tag"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -7778,14 +7409,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-tags"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -7799,14 +7429,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-tasks"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -7820,14 +7449,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-taxi"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -7841,14 +7469,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-terminal"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -7862,14 +7489,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-text-height"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -7883,14 +7509,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-text-width"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -7904,14 +7529,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-th-large"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -7925,14 +7549,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-th-list"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -7946,14 +7569,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-th"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -7967,14 +7589,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-thermometer-empty"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -7988,14 +7609,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-thermometer-full"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -8009,14 +7629,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-thermometer-half"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -8030,14 +7649,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-thermometer-quarter"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -8051,14 +7669,13 @@
     <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
+      <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>
+      </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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-thermometer-three-quarters"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -8072,14 +7689,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-thumbs-down"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -8093,14 +7709,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-thumbs-up"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -8114,14 +7729,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-thumbtack"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -8135,14 +7749,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-ticket-alt"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -8156,14 +7769,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-times-circle"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -8177,14 +7789,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-times"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -8198,14 +7809,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-tint"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -8219,14 +7829,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-toggle-off"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -8240,14 +7849,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-toggle-on"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -8261,14 +7869,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-trademark"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -8282,14 +7889,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-train"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -8303,14 +7909,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-transgender-alt"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -8324,14 +7929,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-transgender"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -8345,14 +7949,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-trash-alt"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -8366,14 +7969,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-trash"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -8387,14 +7989,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-tree"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -8408,14 +8009,13 @@
     <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
+      <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;#xf13d;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-trophy"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -8429,14 +8029,13 @@
     <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
+      <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;#xd1;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-truck"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -8450,14 +8049,13 @@
     <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
+      <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;#x1e4;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-tty"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -8471,14 +8069,13 @@
     <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
+      <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;#x26c;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-tv"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -8492,14 +8089,13 @@
     <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
+      <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;#xe9;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-umbrella"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -8513,14 +8109,13 @@
     <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
+      <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;#xcd;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-underline"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -8534,14 +8129,13 @@
     <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
+      <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;#xe2;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-undo-alt"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -8555,14 +8149,13 @@
     <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
+      <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;#x2ea;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-undo"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -8576,14 +8169,13 @@
     <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
+      <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;#x29a;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-universal-access"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -8597,14 +8189,13 @@
     <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
+      <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;#x19c;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-university"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -8618,14 +8209,13 @@
     <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
+      <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;#x127;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-unlink"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -8639,14 +8229,13 @@
     <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
+      <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;#x9c;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-unlock-alt"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -8660,14 +8249,13 @@
     <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
+      <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;#x13e;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-unlock"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -8681,14 +8269,13 @@
     <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
+      <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;#xf13e;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-upload"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -8702,14 +8289,13 @@
     <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
+      <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;#x7;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-user-circle"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -8723,14 +8309,13 @@
     <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
+      <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;#x2bd;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-user-md"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -8744,14 +8329,13 @@
     <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
+      <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;#xf0;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-user-plus"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -8765,14 +8349,13 @@
     <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
+      <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;#x234;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-user-secret"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -8786,14 +8369,13 @@
     <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
+      <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;#x21b;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-user-times"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -8807,14 +8389,13 @@
     <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
+      <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;#x235;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-user"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -8828,14 +8409,13 @@
     <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
+      <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;#xc0;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-users"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -8849,14 +8429,13 @@
     <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
+      <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;#x2e5;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-utensil-spoon"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -8870,14 +8449,13 @@
     <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
+      <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;#x2e7;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-utensils"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -8891,14 +8469,13 @@
     <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
+      <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;#x221;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-venus-double"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -8912,14 +8489,13 @@
     <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
+      <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;#x226;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-venus-mars"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -8933,14 +8509,13 @@
     <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
+      <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;#x228;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-venus"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -8954,14 +8529,13 @@
     <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
+      <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;#x3d;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-video"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -8975,14 +8549,13 @@
     <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
+      <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;#x45f;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-volleyball-ball"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -8996,14 +8569,13 @@
     <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
+      <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;#xf142;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-volume-down"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -9017,14 +8589,13 @@
     <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
+      <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;#xf143;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-volume-off"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -9038,14 +8609,13 @@
     <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
+      <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;#xf144;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-volume-up"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -9059,14 +8629,13 @@
     <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
+      <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;#x193;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-wheelchair"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -9080,14 +8649,13 @@
     <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
+      <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;#x1eb;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-wifi"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -9101,14 +8669,13 @@
     <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
+      <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;#x410;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-window-close"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -9122,14 +8689,13 @@
     <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
+      <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;#x2d0;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-window-maximize"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -9143,14 +8709,13 @@
     <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
+      <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;#x2d1;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-window-minimize"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -9164,14 +8729,13 @@
     <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
+      <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;#x2d2;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-window-restore"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -9185,14 +8749,13 @@
     <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
+      <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;#x159;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-won-sign"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -9206,14 +8769,13 @@
     <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
+      <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;#xf13f;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-wrench"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -9227,14 +8789,13 @@
     <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
+      <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;#x157;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-yen-sign"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -9248,14 +8809,13 @@
     <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
+      <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;#x29;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-add-job"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -9269,14 +8829,13 @@
     <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
+      <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;#x37;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-add-user"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -9290,14 +8849,13 @@
     <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
+      <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;#x2b;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-add"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -9311,14 +8869,13 @@
     <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
+      <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;#x69;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-align"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -9332,14 +8889,13 @@
     <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
+      <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;#x7a;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-analyse-graph"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -9353,14 +8909,13 @@
     <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
+      <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;#x42;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-analyse-percent_0"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -9374,14 +8929,13 @@
     <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
+      <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;#x45;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-analyse-percent_100"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -9395,14 +8949,13 @@
     <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
+      <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;#x43;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-analyse-percent_40"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -9416,14 +8969,13 @@
     <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
+      <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;#x41;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-analyse"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -9437,14 +8989,13 @@
     <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
+      <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;#x2f;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-approve"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -9458,14 +9009,13 @@
     <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
+      <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;#x28;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-approved-job"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -9479,14 +9029,13 @@
     <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
+      <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;#x61;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-attach"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -9500,14 +9049,13 @@
     <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
+      <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;#x62;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-browse"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -9521,14 +9069,13 @@
     <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
+      <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;#x78;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-close"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -9542,14 +9089,13 @@
     <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
+      <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;#x39;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-collapse-closed"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -9563,14 +9109,13 @@
     <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
+      <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;#x38;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-collapse-open"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -9584,14 +9129,13 @@
     <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
+      <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;#x77;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-collapse"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -9605,14 +9149,13 @@
     <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
+      <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;#x4f;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-compare"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -9626,14 +9169,13 @@
     <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
+      <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;#x125;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-crop"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -9647,14 +9189,13 @@
     <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
+      <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;#xc4;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-cut"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -9668,14 +9209,13 @@
     <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
+      <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;#x44;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-database-submit"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -9689,14 +9229,13 @@
     <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
+      <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;#x64;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-delete"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -9710,14 +9249,13 @@
     <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
+      <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;#x2b07;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-down-page"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -9731,14 +9269,13 @@
     <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
+      <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;#x19;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-download"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -9752,14 +9289,13 @@
     <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
+      <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;#x35;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-edit-user"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -9773,14 +9309,13 @@
     <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
+      <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;#xf113;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-edit"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -9794,14 +9329,13 @@
     <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
+      <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;#x31e;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-expand"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -9815,14 +9349,13 @@
     <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
+      <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;#xb0;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-filter"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -9836,14 +9369,13 @@
     <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
+      <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;#x5b;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-first-page"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -9857,14 +9389,13 @@
     <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
+      <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;#x46;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-fullscreen"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -9878,14 +9409,13 @@
     <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
+      <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;#x68;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-hierarchy"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -9899,14 +9429,13 @@
     <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
+      <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;#x5d;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-last-page"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -9920,14 +9449,13 @@
     <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
+      <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;#x6b;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-like"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -9941,14 +9469,13 @@
     <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
+      <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;#x4c;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-lock"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -9962,14 +9489,13 @@
     <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
+      <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;#x6c;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-login"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -9983,14 +9509,13 @@
     <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
+      <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;#x30;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-mapping"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -10004,14 +9529,13 @@
     <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
+      <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;#x4d;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-menu"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -10025,14 +9549,13 @@
     <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
+      <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;#x6d;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-move"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -10046,14 +9569,13 @@
     <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
+      <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;#x3e;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-next-page"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -10067,14 +9589,13 @@
     <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
+      <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;#x144;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-play"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -10088,14 +9609,13 @@
     <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
+      <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;#x3c;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-previous-page"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -10109,14 +9629,13 @@
     <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
+      <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;#xf133;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-print"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -10130,14 +9649,13 @@
     <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
+      <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;#x2f9;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-redo"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -10151,14 +9669,13 @@
     <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
+      <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;#x52;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-refresh"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -10172,14 +9689,13 @@
     <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
+      <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;#x36;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-remove-user"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -10193,14 +9709,13 @@
     <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
+      <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;#x2d;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-remove"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -10214,14 +9729,13 @@
     <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
+      <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;#x53;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-save"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -10235,14 +9749,13 @@
     <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
+      <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;#x59;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-scaleable"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -10256,14 +9769,13 @@
     <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
+      <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;#x6a;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-search-document"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -10277,14 +9789,13 @@
     <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
+      <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;#xe;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-search"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -10298,14 +9809,13 @@
     <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
+      <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;#x6e;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-send"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -10319,14 +9829,13 @@
     <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
+      <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;#x73;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-settings"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -10340,14 +9849,13 @@
     <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
+      <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;#x14d;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-share"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -10361,14 +9869,13 @@
     <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
+      <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;#x28d;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-stop"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -10382,14 +9889,13 @@
     <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
+      <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;#x5f;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-submit"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -10403,14 +9909,13 @@
     <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
+      <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;#x54;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-target"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -10424,14 +9929,13 @@
     <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
+      <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;#x74;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-tool"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -10445,14 +9949,13 @@
     <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
+      <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;#x2a;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-unassigned-job"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -10466,14 +9969,13 @@
     <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
+      <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;#x2ea;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-undo"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -10487,14 +9989,13 @@
     <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
+      <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;#x13e;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-unlock"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -10508,14 +10009,13 @@
     <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
+      <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;#x2b06;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-up-page"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -10529,14 +10029,13 @@
     <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
+      <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;#x34;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-view"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -10550,14 +10049,13 @@
     <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
+      <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;#x33;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-zoom-in"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -10571,14 +10069,13 @@
     <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
+      <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;#x32;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-zoom-out"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -10592,14 +10089,13 @@
     <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
+      <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;#x1f3e8;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-accommodation"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -10613,14 +10109,13 @@
     <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
+      <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;#x1f6a8;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-alert"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -10634,14 +10129,13 @@
     <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
+      <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;#x1f393;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-alumni"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -10655,14 +10149,13 @@
     <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
+      <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;#x1f4dc;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-announcement"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -10676,14 +10169,13 @@
     <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
+      <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;#x1f6d2;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-basket"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -10697,14 +10189,13 @@
     <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
+      <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;#x1f606;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-beta"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -10718,14 +10209,13 @@
     <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
+      <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;#x1f6b4;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-bike"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -10739,14 +10229,13 @@
     <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
+      <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;#x1f48a;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-biotech"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -10760,14 +10249,13 @@
     <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
-      <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>
-
-      </div>
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-bus"</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;#x1f68c;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -10781,14 +10269,13 @@
     <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
+      <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;#x273;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-calendar"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -10802,14 +10289,13 @@
     <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
+      <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;#x21;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-camera"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -10823,14 +10309,13 @@
     <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
+      <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;#x1f697;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-car"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -10844,14 +10329,13 @@
     <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
+      <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;#x1f3d9;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-careers"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -10865,14 +10349,13 @@
     <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
+      <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;#x1f5c2;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-classification"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -10886,14 +10369,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-clock"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -10907,14 +10389,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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;#x260e;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-contact"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -10928,14 +10409,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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;#x1f4cd;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-crosslink"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -10949,14 +10429,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-database"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -10970,14 +10449,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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;#x1f4ac;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-discuss"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -10991,14 +10469,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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;#x3b;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-documentation"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -11012,14 +10489,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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;#x2695;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-drug"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -11033,14 +10509,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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;#x25;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-elixir"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -11054,14 +10529,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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;#x1f4e7;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-email"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -11075,14 +10549,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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;#x26;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-embl"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -11096,14 +10569,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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;#x1f6aa;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-external-link"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -11117,14 +10589,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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;#x79;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-external-systems"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -11138,14 +10609,13 @@
     <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
+      <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>
+      </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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-face-to-face"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -11159,14 +10629,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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;#x1f9ed;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-find-us"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -11180,14 +10649,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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;#x1f4b6;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-funding"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -11201,14 +10669,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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;#x67;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-graph"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -11222,14 +10689,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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;#x1f46a;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-group"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -11243,14 +10709,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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;#x47;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-gtls"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -11264,14 +10729,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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;#x1f912;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-health"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -11285,14 +10749,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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;#x3f;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-help"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -11306,14 +10769,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-home"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -11327,14 +10789,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-industry"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -11348,14 +10809,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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;#x2139;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-info"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -11369,14 +10829,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-link"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -11390,14 +10849,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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;#x1f5fa;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-location"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -11411,14 +10869,13 @@
     <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
+      <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;#x1f91f;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-lovedata"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -11432,14 +10889,13 @@
     <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
+      <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;#x1f3e4;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-mailing-list"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -11453,14 +10909,13 @@
     <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
+      <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;#x1f523;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-math"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -11474,14 +10929,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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;#x1f46c;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-meet-us"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -11495,14 +10949,13 @@
     <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
+      <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;#x1f4f1;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-mobile-device"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -11516,14 +10969,13 @@
     <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
+      <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;#x1f195;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-new"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -11537,14 +10989,13 @@
     <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
+      <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;#x1f68d;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-newcomers"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -11558,14 +11009,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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;#x4e;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-news"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -11579,14 +11029,13 @@
     <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
+      <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;#x22;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-nutraceuticals"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -11600,14 +11049,13 @@
     <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
+      <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;#x1f44b;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-open-day"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -11621,14 +11069,13 @@
     <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
+      <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;#x70;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-piechart"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -11642,14 +11089,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-plane"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -11663,14 +11109,13 @@
     <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
+      <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;#x1f4da;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-publication"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -11684,14 +11129,13 @@
     <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
+      <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;#x1f52c;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-research"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -11705,14 +11149,13 @@
     <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
+      <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;#x1f340;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-resource"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -11726,14 +11169,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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;#x71;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-reviewed-data"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -11747,14 +11189,13 @@
     <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
+      <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;#x1f527;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-services"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -11768,14 +11209,13 @@
     <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
+      <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;#x23;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-steps"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -11789,14 +11229,13 @@
     <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
+      <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;#x1f9b8;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-support"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -11810,14 +11249,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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;#x1f50c;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-systems"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -11831,14 +11269,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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;#x27;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-terms"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -11852,14 +11289,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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;#x1f97d;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-test"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -11873,14 +11309,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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;#x58;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-text-mining"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -11894,14 +11329,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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;#x3a;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-toolkit"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -11915,14 +11349,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-train"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -11936,14 +11369,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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;#x1f3eb;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-training"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -11957,14 +11389,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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;#x1f4dd;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-tutorial"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -11978,14 +11409,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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;#x51;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-unreviewed-data"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -11999,14 +11429,13 @@
     <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
+      <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;#x3d;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-video"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -12020,14 +11449,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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;#x1f6b6;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-walk"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -12041,14 +11469,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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;#x1f916;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-android"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -12062,14 +11489,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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;#x1f34f;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-apple"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -12083,14 +11509,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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;#x1f524;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-blogger"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -12104,14 +11529,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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;#x1f4d8;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-facebook"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -12125,14 +11549,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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;#x1f4f7;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-flickr"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -12146,14 +11569,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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;#x1f9ee;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-github"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -12167,14 +11589,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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;#x1f4d5;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-googleplus"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -12188,14 +11609,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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;#x1f4c7;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-linkedin"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -12209,14 +11629,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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;#x1f193;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-linux"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -12230,14 +11649,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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;#x1f4c3;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-orcid"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -12251,14 +11669,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-rss"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -12272,14 +11689,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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;#x1f4f3;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-skype"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -12293,14 +11709,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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;#x1f3a4;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-slideshare"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -12314,14 +11729,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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;#x1f426;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-twitter"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -12335,14 +11749,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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;#x1f39e;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-vimeo"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -12356,14 +11769,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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;#x1f472;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-weibo"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -12377,14 +11789,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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;#x1f3e2;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-windows"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -12398,14 +11809,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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;#x1f4d3;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-wordpress"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -12419,14 +11829,13 @@
     <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
+      <div class="small">
+        <span class="label">Class</span>
+        <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;#x1f4fd;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-common icon-youtube"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -12444,14 +11853,13 @@
     <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>
+      </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
         <p class="code">&lt;i class="icon icon-chemistry" data-icon="&amp;#x6c;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-chemistry icon-direction_left"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -12465,14 +11873,13 @@
     <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>
+      </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
         <p class="code">&lt;i class="icon icon-chemistry" data-icon="&amp;#x52;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-chemistry icon-direction_reversible"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -12486,14 +11893,13 @@
     <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>
+      </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
         <p class="code">&lt;i class="icon icon-chemistry" data-icon="&amp;#x72;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-chemistry icon-direction_right"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -12507,14 +11913,13 @@
     <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>
+      </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
         <p class="code">&lt;i class="icon icon-chemistry" data-icon="&amp;#x55;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-chemistry icon-direction_unknown"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -12532,14 +11937,13 @@
     <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>
+      </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
         <p class="code">&lt;i class="icon icon-conceptual" data-icon="&amp;#x62;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-conceptual icon-chemical"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -12553,14 +11957,13 @@
     <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>
+      </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
         <p class="code">&lt;i class="icon icon-conceptual" data-icon="&amp;#x63;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-conceptual icon-cross-domain"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -12574,14 +11977,13 @@
     <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>
+      </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
         <p class="code">&lt;i class="icon icon-conceptual" data-icon="&amp;#x64;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-conceptual icon-dna"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -12595,14 +11997,13 @@
     <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>
+      </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
         <p class="code">&lt;i class="icon icon-conceptual" data-icon="&amp;#x67;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-conceptual icon-expression"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -12616,14 +12017,13 @@
     <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>
+      </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
         <p class="code">&lt;i class="icon icon-conceptual" data-icon="&amp;#x6c;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-conceptual icon-literature"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -12637,14 +12037,13 @@
     <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>
+      </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
         <p class="code">&lt;i class="icon icon-conceptual" data-icon="&amp;#x6f;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-conceptual icon-ontology"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -12658,18 +12057,37 @@
     <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>
+      </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
         <p class="code">&lt;i class="icon icon-conceptual" data-icon="&amp;#x50;"&gt;&lt;/i&gt;</p>
-
       </div>
+      <div class="small">
+        <span class="label">Letter</span>
+        <span class="kbd">&#x50</span>
+      </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">class="icon icon-conceptual icon-proteins"</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>
+        <p class="code">&lt;i class="icon icon-conceptual" data-icon="&amp;#x53;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
-        <span class="kbd">&#x50</span>
+        <span class="kbd">&#x53</span>
       </div>
     </div>
 
@@ -12679,14 +12097,13 @@
     <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>
+      </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
         <p class="code">&lt;i class="icon icon-conceptual" data-icon="&amp;#x73;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-conceptual icon-structures"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -12700,14 +12117,13 @@
     <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>
+      </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
         <p class="code">&lt;i class="icon icon-conceptual" data-icon="&amp;#x79;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-conceptual icon-systems"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -12725,14 +12141,13 @@
     <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>
+      </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
         <p class="code">&lt;i class="icon icon-fileformats" data-icon="&amp;#x41;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-fileformats icon-AGP"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -12746,14 +12161,13 @@
     <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>
+      </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
         <p class="code">&lt;i class="icon icon-fileformats" data-icon="&amp;#x42;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-fileformats icon-BAM"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -12767,14 +12181,13 @@
     <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>
+      </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
         <p class="code">&lt;i class="icon icon-fileformats" data-icon="&amp;#x43;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-fileformats icon-CML"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -12788,14 +12201,13 @@
     <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>
+      </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
         <p class="code">&lt;i class="icon icon-fileformats" data-icon="&amp;#x52;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-fileformats icon-CRAM"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -12809,14 +12221,13 @@
     <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>
+      </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
         <p class="code">&lt;i class="icon icon-fileformats" data-icon="&amp;#x63;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-fileformats icon-CSV"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -12830,14 +12241,13 @@
     <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>
+      </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
         <p class="code">&lt;i class="icon icon-fileformats" data-icon="&amp;#x64;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-fileformats icon-DOC"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -12851,14 +12261,13 @@
     <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>
+      </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
         <p class="code">&lt;i class="icon icon-fileformats" data-icon="&amp;#x61;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-fileformats icon-FASTA"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -12872,14 +12281,13 @@
     <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>
+      </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
         <p class="code">&lt;i class="icon icon-fileformats" data-icon="&amp;#x66;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-fileformats icon-FASTQ"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -12893,14 +12301,13 @@
     <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>
+      </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
         <p class="code">&lt;i class="icon icon-fileformats" data-icon="&amp;#x46;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-fileformats icon-FLAT"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -12914,14 +12321,13 @@
     <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>
+      </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
         <p class="code">&lt;i class="icon icon-fileformats" data-icon="&amp;#x47;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-fileformats icon-GFF"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -12935,14 +12341,13 @@
     <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>
+      </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
         <p class="code">&lt;i class="icon icon-fileformats" data-icon="&amp;#x49;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-fileformats icon-IMG"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -12956,14 +12361,13 @@
     <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>
+      </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
         <p class="code">&lt;i class="icon icon-fileformats" data-icon="&amp;#x4a;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-fileformats icon-JSON"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -12977,14 +12381,13 @@
     <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>
+      </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
         <p class="code">&lt;i class="icon icon-fileformats" data-icon="&amp;#x4d;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-fileformats icon-MDL"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -12998,14 +12401,13 @@
     <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>
+      </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
         <p class="code">&lt;i class="icon icon-fileformats" data-icon="&amp;#x4f;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-fileformats icon-OBO"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -13019,14 +12421,13 @@
     <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>
+      </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
         <p class="code">&lt;i class="icon icon-fileformats" data-icon="&amp;#x6f;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-fileformats icon-OWL"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -13040,14 +12441,13 @@
     <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>
+      </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
         <p class="code">&lt;i class="icon icon-fileformats" data-icon="&amp;#x70;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-fileformats icon-PDF"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -13061,14 +12461,13 @@
     <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>
+      </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
         <p class="code">&lt;i class="icon icon-fileformats" data-icon="&amp;#x33;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-fileformats icon-Postscript"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -13082,14 +12481,13 @@
     <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>
+      </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
         <p class="code">&lt;i class="icon icon-fileformats" data-icon="&amp;#xf101;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-fileformats icon-PSI-MI_JSON"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -13103,14 +12501,13 @@
     <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>
+      </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
         <p class="code">&lt;i class="icon icon-fileformats" data-icon="&amp;#x32;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-fileformats icon-PSI-MI_TAB"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -13124,14 +12521,13 @@
     <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">HTML with hex</span>
-        <p class="code">&lt;i class="icon icon-fileformats" data-icon="&amp;#x31;"&gt;&lt;/i&gt;</p>
-
-      </div>
       <div class="small">
         <span class="label">Class</span>
-        <p class="code">class="icon icon-fileformats icon-PSI-MI_XML"</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>
+        <p class="code">&lt;i class="icon icon-fileformats" data-icon="&amp;#x31;"&gt;&lt;/i&gt;</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -13145,14 +12541,13 @@
     <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>
+      </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
         <p class="code">&lt;i class="icon icon-fileformats" data-icon="&amp;#x72;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-fileformats icon-RD"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -13166,14 +12561,13 @@
     <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>
+      </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
         <p class="code">&lt;i class="icon icon-fileformats" data-icon="&amp;#x44;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-fileformats icon-RDF_XML"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -13187,14 +12581,13 @@
     <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>
+      </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
         <p class="code">&lt;i class="icon icon-fileformats" data-icon="&amp;#x58;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-fileformats icon-RXN"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -13208,14 +12601,13 @@
     <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>
+      </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
         <p class="code">&lt;i class="icon icon-fileformats" data-icon="&amp;#x73;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-fileformats icon-SDF"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -13229,14 +12621,13 @@
     <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>
+      </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
         <p class="code">&lt;i class="icon icon-fileformats" data-icon="&amp;#x76;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-fileformats icon-TSV"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -13250,14 +12641,13 @@
     <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>
+      </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
         <p class="code">&lt;i class="icon icon-fileformats" data-icon="&amp;#x74;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-fileformats icon-TXT"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -13271,14 +12661,13 @@
     <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>
+      </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
         <p class="code">&lt;i class="icon icon-fileformats" data-icon="&amp;#x78;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-fileformats icon-XML"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -13292,14 +12681,13 @@
     <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>
+      </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
         <p class="code">&lt;i class="icon icon-fileformats" data-icon="&amp;#x5a;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-fileformats icon-ZIP"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -13317,14 +12705,13 @@
     <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>
+      </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
         <p class="code">&lt;i class="icon icon-species" data-icon="&amp;#x61;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-species icon-alpaca"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -13338,14 +12725,13 @@
     <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>
+      </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
         <p class="code">&lt;i class="icon icon-species" data-icon="&amp;#x30;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-species icon-amoeba"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -13359,14 +12745,13 @@
     <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>
+      </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
         <p class="code">&lt;i class="icon icon-species" data-icon="&amp;#x37;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-species icon-anolis"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -13380,14 +12765,13 @@
     <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>
+      </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
         <p class="code">&lt;i class="icon icon-species" data-icon="&amp;#x6c;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-species icon-armadillo"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -13401,14 +12785,13 @@
     <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>
+      </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
         <p class="code">&lt;i class="icon icon-species" data-icon="&amp;#xa3;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-species icon-aspergillus"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -13422,14 +12805,13 @@
     <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>
+      </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
         <p class="code">&lt;i class="icon icon-species" data-icon="&amp;#x35;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-species icon-barley"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -13443,14 +12825,13 @@
     <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>
+      </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
         <p class="code">&lt;i class="icon icon-species" data-icon="&amp;#x28;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-species icon-bat"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -13464,14 +12845,13 @@
     <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>
+      </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
         <p class="code">&lt;i class="icon icon-species" data-icon="&amp;#x24;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-species icon-bee"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -13485,14 +12865,13 @@
     <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>
+      </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
         <p class="code">&lt;i class="icon icon-species" data-icon="&amp;#x25;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-species icon-brachypodium"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -13506,14 +12885,13 @@
     <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>
+      </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
         <p class="code">&lt;i class="icon icon-species" data-icon="&amp;#x42;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-species icon-brassica"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -13527,14 +12905,13 @@
     <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>
+      </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
         <p class="code">&lt;i class="icon icon-species" data-icon="&amp;#x62;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-species icon-bug"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -13548,14 +12925,13 @@
     <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>
+      </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
         <p class="code">&lt;i class="icon icon-species" data-icon="&amp;#x57;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-species icon-c-elegans"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -13569,14 +12945,13 @@
     <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>
+      </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
         <p class="code">&lt;i class="icon icon-species" data-icon="&amp;#x41;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-species icon-cat"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -13590,14 +12965,13 @@
     <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>
+      </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
         <p class="code">&lt;i class="icon icon-species" data-icon="&amp;#x6b;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-species icon-chicken"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -13611,14 +12985,13 @@
     <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>
+      </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
         <p class="code">&lt;i class="icon icon-species" data-icon="&amp;#x69;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-species icon-chimpanzee"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -13632,14 +13005,13 @@
     <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>
+      </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
         <p class="code">&lt;i class="icon icon-species" data-icon="&amp;#x63;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-species icon-corn"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -13653,14 +13025,13 @@
     <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>
+      </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
         <p class="code">&lt;i class="icon icon-species" data-icon="&amp;#x43;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-species icon-cow"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -13674,14 +13045,13 @@
     <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>
+      </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
         <p class="code">&lt;i class="icon icon-species" data-icon="&amp;#x32;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-species icon-diatom"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -13695,14 +13065,13 @@
     <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>
+      </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
         <p class="code">&lt;i class="icon icon-species" data-icon="&amp;#x64;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-species icon-dog"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -13716,14 +13085,13 @@
     <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>
+      </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
         <p class="code">&lt;i class="icon icon-species" data-icon="&amp;#x44;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-species icon-dolphin"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -13737,14 +13105,13 @@
     <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>
+      </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
         <p class="code">&lt;i class="icon icon-species" data-icon="&amp;#x4c;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-species icon-ecoli"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -13758,14 +13125,13 @@
     <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>
+      </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
         <p class="code">&lt;i class="icon icon-species" data-icon="&amp;#x65;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-species icon-elephant"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -13779,14 +13145,13 @@
     <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>
+      </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
         <p class="code">&lt;i class="icon icon-species" data-icon="&amp;#x21;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-species icon-ferret"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -13800,14 +13165,13 @@
     <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>
+      </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
         <p class="code">&lt;i class="icon icon-species" data-icon="&amp;#x6e;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-species icon-finch"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -13821,14 +13185,13 @@
     <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>
+      </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
         <p class="code">&lt;i class="icon icon-species" data-icon="&amp;#x46;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-species icon-fly"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -13842,14 +13205,13 @@
     <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>
+      </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
         <p class="code">&lt;i class="icon icon-species" data-icon="&amp;#x66;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-species icon-frog"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -13863,14 +13225,13 @@
     <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>
+      </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
         <p class="code">&lt;i class="icon icon-species" data-icon="&amp;#x75;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-species icon-fungus"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -13884,14 +13245,13 @@
     <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>
+      </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
         <p class="code">&lt;i class="icon icon-species" data-icon="&amp;#x5e;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-species icon-glycinemax"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -13905,14 +13265,13 @@
     <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>
+      </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
         <p class="code">&lt;i class="icon icon-species" data-icon="&amp;#x6d;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-species icon-goat"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -13926,14 +13285,13 @@
     <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>
+      </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
         <p class="code">&lt;i class="icon icon-species" data-icon="&amp;#x47;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-species icon-gorilla"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -13947,14 +13305,13 @@
     <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>
+      </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
         <p class="code">&lt;i class="icon icon-species" data-icon="&amp;#x4f;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-species icon-grapes"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -13968,14 +13325,13 @@
     <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>
+      </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
         <p class="code">&lt;i class="icon icon-species" data-icon="&amp;#x67;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-species icon-guinea-pig"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -13989,14 +13345,13 @@
     <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>
+      </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
         <p class="code">&lt;i class="icon icon-species" data-icon="&amp;#x6f;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-species icon-hedgehog"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -14010,14 +13365,13 @@
     <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>
+      </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
         <p class="code">&lt;i class="icon icon-species" data-icon="&amp;#x68;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-species icon-horse"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -14031,14 +13385,13 @@
     <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>
+      </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
         <p class="code">&lt;i class="icon icon-species" data-icon="&amp;#x48;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-species icon-human"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -14052,14 +13405,13 @@
     <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>
+      </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
         <p class="code">&lt;i class="icon icon-species" data-icon="&amp;#x33;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-species icon-kangaroo-rat"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -14073,14 +13425,13 @@
     <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>
+      </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
         <p class="code">&lt;i class="icon icon-species" data-icon="&amp;#x34;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-species icon-louse"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -14094,14 +13445,13 @@
     <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>
+      </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
         <p class="code">&lt;i class="icon icon-species" data-icon="&amp;#x72;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-species icon-monkey"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -14115,14 +13465,13 @@
     <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>
+      </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
         <p class="code">&lt;i class="icon icon-species" data-icon="&amp;#x39;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-species icon-monodelphis"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -14136,14 +13485,13 @@
     <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>
+      </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
         <p class="code">&lt;i class="icon icon-species" data-icon="&amp;#x31;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-species icon-mosquito"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -14157,14 +13505,13 @@
     <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>
+      </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
         <p class="code">&lt;i class="icon icon-species" data-icon="&amp;#x4e;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-species icon-mouse-lemur"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -14178,14 +13525,13 @@
     <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>
+      </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
         <p class="code">&lt;i class="icon icon-species" data-icon="&amp;#x4d;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-species icon-mouse"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -14199,14 +13545,13 @@
     <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>
+      </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
         <p class="code">&lt;i class="icon icon-species" data-icon="&amp;#x2a;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-species icon-orangutan"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -14220,14 +13565,13 @@
     <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>
+      </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
         <p class="code">&lt;i class="icon icon-species" data-icon="&amp;#x38;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-species icon-papio"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -14241,14 +13585,13 @@
     <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>
+      </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
         <p class="code">&lt;i class="icon icon-species" data-icon="&amp;#x70;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-species icon-pig"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -14262,14 +13605,13 @@
     <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>
+      </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
         <p class="code">&lt;i class="icon icon-species" data-icon="&amp;#x50;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-species icon-plant"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -14283,14 +13625,13 @@
     <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>
+      </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
         <p class="code">&lt;i class="icon icon-species" data-icon="&amp;#x40;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-species icon-plasmodium"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -14304,14 +13645,13 @@
     <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>
+      </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
         <p class="code">&lt;i class="icon icon-species" data-icon="&amp;#x55;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-species icon-platypus"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -14325,14 +13665,13 @@
     <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>
+      </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
         <p class="code">&lt;i class="icon icon-species" data-icon="&amp;#x45;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-species icon-pufferfish"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -14346,14 +13685,13 @@
     <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>
+      </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
         <p class="code">&lt;i class="icon icon-species" data-icon="&amp;#x74;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-species icon-rabbit"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -14367,14 +13705,13 @@
     <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>
+      </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
         <p class="code">&lt;i class="icon icon-species" data-icon="&amp;#x52;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-species icon-rat"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -14388,14 +13725,13 @@
     <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>
+      </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
         <p class="code">&lt;i class="icon icon-species" data-icon="&amp;#x2b;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-species icon-ray"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -14409,14 +13745,13 @@
     <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>
+      </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
         <p class="code">&lt;i class="icon icon-species" data-icon="&amp;#x36;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-species icon-rice"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -14430,14 +13765,13 @@
     <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>
+      </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
         <p class="code">&lt;i class="icon icon-species" data-icon="&amp;#x73;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-species icon-scorpion"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -14451,14 +13785,13 @@
     <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>
+      </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
         <p class="code">&lt;i class="icon icon-species" data-icon="&amp;#x78;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-species icon-sheep"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -14472,14 +13805,13 @@
     <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>
+      </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
         <p class="code">&lt;i class="icon icon-species" data-icon="&amp;#x51;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-species icon-shrew"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -14493,14 +13825,13 @@
     <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>
+      </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
         <p class="code">&lt;i class="icon icon-species" data-icon="&amp;#x27;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-species icon-snail"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -14514,14 +13845,13 @@
     <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>
+      </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
         <p class="code">&lt;i class="icon icon-species" data-icon="&amp;#x53;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-species icon-spider"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -14535,14 +13865,13 @@
     <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>
+      </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
         <p class="code">&lt;i class="icon icon-species" data-icon="&amp;#x49;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-species icon-squirrel"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -14556,14 +13885,13 @@
     <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>
+      </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
         <p class="code">&lt;i class="icon icon-species" data-icon="&amp;#x26;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-species icon-tick"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -14577,14 +13905,13 @@
     <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>
+      </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
         <p class="code">&lt;i class="icon icon-species" data-icon="&amp;#x29;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-species icon-tomatoes"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -14598,14 +13925,13 @@
     <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>
+      </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
         <p class="code">&lt;i class="icon icon-species" data-icon="&amp;#x76;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-species icon-virus"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -14619,14 +13945,13 @@
     <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>
+      </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
         <p class="code">&lt;i class="icon icon-species" data-icon="&amp;#x77;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-species icon-wallaby"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -14640,14 +13965,13 @@
     <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>
+      </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
         <p class="code">&lt;i class="icon icon-species" data-icon="&amp;#x59;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-species icon-yeast"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>
@@ -14661,14 +13985,13 @@
     <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>
+      </div>
       <div class=" small">
         <span class="label">HTML with hex</span>
         <p class="code">&lt;i class="icon icon-species" data-icon="&amp;#x5a;"&gt;&lt;/i&gt;</p>
-
-      </div>
-      <div class="small">
-        <span class="label">Class</span>
-        <p class="code">class="icon icon-species icon-zebrafish"</p>
       </div>
       <div class="small">
         <span class="label">Letter</span>