<table class="c-table">
  <thead>
    <tr>
      <th style="width: 16px"></th>
      <th>Class</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td><i class="icon icon-add icon--large"></i></td>
      <td>add</td>
    </tr>
    <tr>
      <td><i class="icon icon-admin icon--large"></i></td>
      <td>admin</td>
    </tr>
    <tr>
      <td><i class="icon icon-align-bottom icon--large"></i></td>
      <td>align-bottom</td>
    </tr>
    <tr>
      <td><i class="icon icon-align-center icon--large"></i></td>
      <td>align-center</td>
    </tr>
    <tr>
      <td><i class="icon icon-align-left icon--large"></i></td>
      <td>align-left</td>
    </tr>
    <tr>
      <td><i class="icon icon-align-middle icon--large"></i></td>
      <td>align-middle</td>
    </tr>
    <tr>
      <td><i class="icon icon-align-right icon--large"></i></td>
      <td>align-right</td>
    </tr>
    <tr>
      <td><i class="icon icon-align-top icon--large"></i></td>
      <td>align-top</td>
    </tr>
    <tr>
      <td><i class="icon icon-ambassador icon--large"></i></td>
      <td>ambassador</td>
    </tr>
    <tr>
      <td><i class="icon icon-android icon--large"></i></td>
      <td>android</td>
    </tr>
    <tr>
      <td><i class="icon icon-app icon--large"></i></td>
      <td>app</td>
    </tr>
    <tr>
      <td><i class="icon icon-apple icon--large"></i></td>
      <td>apple</td>
    </tr>
    <tr>
      <td><i class="icon icon-archive icon--large"></i></td>
      <td>archive</td>
    </tr>
    <tr>
      <td><i class="icon icon-arrow-below icon--large"></i></td>
      <td>arrow-below</td>
    </tr>
    <tr>
      <td><i class="icon icon-arrow-down icon--large"></i></td>
      <td>arrow-down</td>
    </tr>
    <tr>
      <td><i class="icon icon-arrow-left icon--large"></i></td>
      <td>arrow-left</td>
    </tr>
    <tr>
      <td><i class="icon icon-arrow-right icon--large"></i></td>
      <td>arrow-right</td>
    </tr>
    <tr>
      <td><i class="icon icon-arrow-up icon--large"></i></td>
      <td>arrow-up</td>
    </tr>
    <tr>
      <td><i class="icon icon-attender icon--large"></i></td>
      <td>attender</td>
    </tr>
    <tr>
      <td><i class="icon icon-audience icon--large"></i></td>
      <td>audience</td>
    </tr>
    <tr>
      <td><i class="icon icon-bank icon--large"></i></td>
      <td>bank</td>
    </tr>
    <tr>
      <td><i class="icon icon-bold icon--large"></i></td>
      <td>bold</td>
    </tr>
    <tr>
      <td><i class="icon icon-bookmark icon--large"></i></td>
      <td>bookmark</td>
    </tr>
    <tr>
      <td><i class="icon icon-brush icon--large"></i></td>
      <td>brush</td>
    </tr>
    <tr>
      <td><i class="icon icon-bundle icon--large"></i></td>
      <td>bundle</td>
    </tr>
    <tr>
      <td><i class="icon icon-calendar icon--large"></i></td>
      <td>calendar</td>
    </tr>
    <tr>
      <td><i class="icon icon-campaign icon--large"></i></td>
      <td>campaign</td>
    </tr>
    <tr>
      <td><i class="icon icon-caret-down icon--large"></i></td>
      <td>caret-down</td>
    </tr>
    <tr>
      <td><i class="icon icon-cart icon--large"></i></td>
      <td>cart</td>
    </tr>
    <tr>
      <td><i class="icon icon-check icon--large"></i></td>
      <td>check</td>
    </tr>
    <tr>
      <td><i class="icon icon-chevron-down icon--large"></i></td>
      <td>chevron-down</td>
    </tr>
    <tr>
      <td><i class="icon icon-chevron-left icon--large"></i></td>
      <td>chevron-left</td>
    </tr>
    <tr>
      <td><i class="icon icon-chevron-right icon--large"></i></td>
      <td>chevron-right</td>
    </tr>
    <tr>
      <td><i class="icon icon-chevron-up icon--large"></i></td>
      <td>chevron-up</td>
    </tr>
    <tr>
      <td><i class="icon icon-circle icon--large"></i></td>
      <td>circle</td>
    </tr>
    <tr>
      <td><i class="icon icon-click icon--large"></i></td>
      <td>click</td>
    </tr>
    <tr>
      <td><i class="icon icon-clock icon--large"></i></td>
      <td>clock</td>
    </tr>
    <tr>
      <td><i class="icon icon-close icon--large"></i></td>
      <td>close</td>
    </tr>
    <tr>
      <td><i class="icon icon-code icon--large"></i></td>
      <td>code</td>
    </tr>
    <tr>
      <td><i class="icon icon-collapse icon--large"></i></td>
      <td>collapse</td>
    </tr>
    <tr>
      <td><i class="icon icon-color icon--large"></i></td>
      <td>color</td>
    </tr>
    <tr>
      <td><i class="icon icon-console icon--large"></i></td>
      <td>console</td>
    </tr>
    <tr>
      <td><i class="icon icon-contact-add icon--large"></i></td>
      <td>contact-add</td>
    </tr>
    <tr>
      <td><i class="icon icon-contact-remove icon--large"></i></td>
      <td>contact-remove</td>
    </tr>
    <tr>
      <td><i class="icon icon-contact icon--large"></i></td>
      <td>contact</td>
    </tr>
    <tr>
      <td><i class="icon icon-copy-alt icon--large"></i></td>
      <td>copy-alt</td>
    </tr>
    <tr>
      <td><i class="icon icon-copy icon--large"></i></td>
      <td>copy</td>
    </tr>
    <tr>
      <td><i class="icon icon-dashboards icon--large"></i></td>
      <td>dashboards</td>
    </tr>
    <tr>
      <td><i class="icon icon-delivery-scenario icon--large"></i></td>
      <td>delivery-scenario</td>
    </tr>
    <tr>
      <td><i class="icon icon-document icon--large"></i></td>
      <td>document</td>
    </tr>
    <tr>
      <td><i class="icon icon-download icon--large"></i></td>
      <td>download</td>
    </tr>
    <tr>
      <td><i class="icon icon-drag icon--large"></i></td>
      <td>drag</td>
    </tr>
    <tr>
      <td><i class="icon icon-duplicate icon--large"></i></td>
      <td>duplicate</td>
    </tr>
    <tr>
      <td><i class="icon icon-earth icon--large"></i></td>
      <td>earth</td>
    </tr>
    <tr>
      <td><i class="icon icon-edit icon--large"></i></td>
      <td>edit</td>
    </tr>
    <tr>
      <td><i class="icon icon-email-automated icon--large"></i></td>
      <td>email-automated</td>
    </tr>
    <tr>
      <td><i class="icon icon-email-open icon--large"></i></td>
      <td>email-open</td>
    </tr>
    <tr>
      <td><i class="icon icon-email icon--large"></i></td>
      <td>email</td>
    </tr>
    <tr>
      <td><i class="icon icon-emoji icon--large"></i></td>
      <td>emoji</td>
    </tr>
    <tr>
      <td><i class="icon icon-eur icon--large"></i></td>
      <td>eur</td>
    </tr>
    <tr>
      <td><i class="icon icon-expand icon--large"></i></td>
      <td>expand</td>
    </tr>
    <tr>
      <td><i class="icon icon-eye icon--large"></i></td>
      <td>eye</td>
    </tr>
    <tr>
      <td><i class="icon icon-facebook icon--large"></i></td>
      <td>facebook</td>
    </tr>
    <tr>
      <td><i class="icon icon-fee icon--large"></i></td>
      <td>fee</td>
    </tr>
    <tr>
      <td><i class="icon icon-field icon--large"></i></td>
      <td>field</td>
    </tr>
    <tr>
      <td><i class="icon icon-filter icon--large"></i></td>
      <td>filter</td>
    </tr>
    <tr>
      <td><i class="icon icon-flag-remove icon--large"></i></td>
      <td>flag-remove</td>
    </tr>
    <tr>
      <td><i class="icon icon-flag icon--large"></i></td>
      <td>flag</td>
    </tr>
    <tr>
      <td><i class="icon icon-flip-horizontally icon--large"></i></td>
      <td>flip-horizontally</td>
    </tr>
    <tr>
      <td><i class="icon icon-flip-vertically icon--large"></i></td>
      <td>flip-vertically</td>
    </tr>
    <tr>
      <td><i class="icon icon-folder icon--large"></i></td>
      <td>folder</td>
    </tr>
    <tr>
      <td><i class="icon icon-gbp icon--large"></i></td>
      <td>gbp</td>
    </tr>
    <tr>
      <td><i class="icon icon-grid-view icon--large"></i></td>
      <td>grid-view</td>
    </tr>
    <tr>
      <td><i class="icon icon-heading icon--large"></i></td>
      <td>heading</td>
    </tr>
    <tr>
      <td><i class="icon icon-help icon--large"></i></td>
      <td>help</td>
    </tr>
    <tr>
      <td><i class="icon icon-image-add icon--large"></i></td>
      <td>image-add</td>
    </tr>
    <tr>
      <td><i class="icon icon-image icon--large"></i></td>
      <td>image</td>
    </tr>
    <tr>
      <td><i class="icon icon-info icon--large"></i></td>
      <td>info</td>
    </tr>
    <tr>
      <td><i class="icon icon-instagram icon--large"></i></td>
      <td>instagram</td>
    </tr>
    <tr>
      <td><i class="icon icon-interaction-add icon--large"></i></td>
      <td>interaction-add</td>
    </tr>
    <tr>
      <td><i class="icon icon-interaction icon--large"></i></td>
      <td>interaction</td>
    </tr>
    <tr>
      <td><i class="icon icon-italic icon--large"></i></td>
      <td>italic</td>
    </tr>
    <tr>
      <td><i class="icon icon-jpy icon--large"></i></td>
      <td>jpy</td>
    </tr>
    <tr>
      <td><i class="icon icon-key icon--large"></i></td>
      <td>key</td>
    </tr>
    <tr>
      <td><i class="icon icon-label icon--large"></i></td>
      <td>label</td>
    </tr>
    <tr>
      <td><i class="icon icon-lifecycles icon--large"></i></td>
      <td>lifecycles</td>
    </tr>
    <tr>
      <td><i class="icon icon-limit icon--large"></i></td>
      <td>limit</td>
    </tr>
    <tr>
      <td><i class="icon icon-link icon--large"></i></td>
      <td>link</td>
    </tr>
    <tr>
      <td><i class="icon icon-linkedin icon--large"></i></td>
      <td>linkedin</td>
    </tr>
    <tr>
      <td><i class="icon icon-list-view icon--large"></i></td>
      <td>list-view</td>
    </tr>
    <tr>
      <td><i class="icon icon-location icon--large"></i></td>
      <td>location</td>
    </tr>
    <tr>
      <td><i class="icon icon-lock icon--large"></i></td>
      <td>lock</td>
    </tr>
    <tr>
      <td><i class="icon icon-magic icon--large"></i></td>
      <td>magic</td>
    </tr>
    <tr>
      <td><i class="icon icon-menu icon--large"></i></td>
      <td>menu</td>
    </tr>
    <tr>
      <td><i class="icon icon-message-automated icon--large"></i></td>
      <td>message-automated</td>
    </tr>
    <tr>
      <td><i class="icon icon-message icon--large"></i></td>
      <td>message</td>
    </tr>
    <tr>
      <td><i class="icon icon-messages icon--large"></i></td>
      <td>messages</td>
    </tr>
    <tr>
      <td><i class="icon icon-more icon--large"></i></td>
      <td>more</td>
    </tr>
    <tr>
      <td><i class="icon icon-notification icon--large"></i></td>
      <td>notification</td>
    </tr>
    <tr>
      <td><i class="icon icon-ongoing icon--large"></i></td>
      <td>ongoing</td>
    </tr>
    <tr>
      <td><i class="icon icon-pause icon--large"></i></td>
      <td>pause</td>
    </tr>
    <tr>
      <td><i class="icon icon-payment icon--large"></i></td>
      <td>payment</td>
    </tr>
    <tr>
      <td><i class="icon icon-phone icon--large"></i></td>
      <td>phone</td>
    </tr>
    <tr>
      <td><i class="icon icon-pin icon--large"></i></td>
      <td>pin</td>
    </tr>
    <tr>
      <td><i class="icon icon-placeholder icon--large"></i></td>
      <td>placeholder</td>
    </tr>
    <tr>
      <td><i class="icon icon-play icon--large"></i></td>
      <td>play</td>
    </tr>
    <tr>
      <td><i class="icon icon-poll icon--large"></i></td>
      <td>poll</td>
    </tr>
    <tr>
      <td><i class="icon icon-potential icon--large"></i></td>
      <td>potential</td>
    </tr>
    <tr>
      <td><i class="icon icon-price-list icon--large"></i></td>
      <td>price-list</td>
    </tr>
    <tr>
      <td><i class="icon icon-price icon--large"></i></td>
      <td>price</td>
    </tr>
    <tr>
      <td><i class="icon icon-print icon--large"></i></td>
      <td>print</td>
    </tr>
    <tr>
      <td><i class="icon icon-priority-point icon--large"></i></td>
      <td>priority-point</td>
    </tr>
    <tr>
      <td><i class="icon icon-product icon--large"></i></td>
      <td>product</td>
    </tr>
    <tr>
      <td><i class="icon icon-prospect icon--large"></i></td>
      <td>prospect</td>
    </tr>
    <tr>
      <td><i class="icon icon-queue icon--large"></i></td>
      <td>queue</td>
    </tr>
    <tr>
      <td><i class="icon icon-quick-sale icon--large"></i></td>
      <td>quick-sale</td>
    </tr>
    <tr>
      <td><i class="icon icon-rectangle icon--large"></i></td>
      <td>rectangle</td>
    </tr>
    <tr>
      <td><i class="icon icon-redo icon--large"></i></td>
      <td>redo</td>
    </tr>
    <tr>
      <td><i class="icon icon-refine icon--large"></i></td>
      <td>refine</td>
    </tr>
    <tr>
      <td><i class="icon icon-remove-circle icon--large"></i></td>
      <td>remove-circle</td>
    </tr>
    <tr>
      <td><i class="icon icon-remove icon--large"></i></td>
      <td>remove</td>
    </tr>
    <tr>
      <td><i class="icon icon-reset icon--large"></i></td>
      <td>reset</td>
    </tr>
    <tr>
      <td><i class="icon icon-rotate icon--large"></i></td>
      <td>rotate</td>
    </tr>
    <tr>
      <td><i class="icon icon-sale icon--large"></i></td>
      <td>sale</td>
    </tr>
    <tr>
      <td><i class="icon icon-sales-channel icon--large"></i></td>
      <td>sales-channel</td>
    </tr>
    <tr>
      <td><i class="icon icon-scan icon--large"></i></td>
      <td>scan</td>
    </tr>
    <tr>
      <td><i class="icon icon-search icon--large"></i></td>
      <td>search</td>
    </tr>
    <tr>
      <td><i class="icon icon-seat icon--large"></i></td>
      <td>seat</td>
    </tr>
    <tr>
      <td><i class="icon icon-seating-row icon--large"></i></td>
      <td>seating-row</td>
    </tr>
    <tr>
      <td><i class="icon icon-segments icon--large"></i></td>
      <td>segments</td>
    </tr>
    <tr>
      <td><i class="icon icon-select-locked icon--large"></i></td>
      <td>select-locked</td>
    </tr>
    <tr>
      <td><i class="icon icon-select-rows icon--large"></i></td>
      <td>select-rows</td>
    </tr>
    <tr>
      <td><i class="icon icon-select-seats icon--large"></i></td>
      <td>select-seats</td>
    </tr>
    <tr>
      <td><i class="icon icon-send icon--large"></i></td>
      <td>send</td>
    </tr>
    <tr>
      <td><i class="icon icon-settings icon--large"></i></td>
      <td>settings</td>
    </tr>
    <tr>
      <td><i class="icon icon-snap icon--large"></i></td>
      <td>snap</td>
    </tr>
    <tr>
      <td><i class="icon icon-sort icon--large"></i></td>
      <td>sort</td>
    </tr>
    <tr>
      <td><i class="icon icon-space-horizontally icon--large"></i></td>
      <td>space-horizontally</td>
    </tr>
    <tr>
      <td><i class="icon icon-space-vertically icon--large"></i></td>
      <td>space-vertically</td>
    </tr>
    <tr>
      <td><i class="icon icon-spinner icon--large"></i></td>
      <td>spinner</td>
    </tr>
    <tr>
      <td><i class="icon icon-spreadsheet icon--large"></i></td>
      <td>spreadsheet</td>
    </tr>
    <tr>
      <td><i class="icon icon-square icon--large"></i></td>
      <td>square</td>
    </tr>
    <tr>
      <td><i class="icon icon-straighten icon--large"></i></td>
      <td>straighten</td>
    </tr>
    <tr>
      <td><i class="icon icon-stroke icon--large"></i></td>
      <td>stroke</td>
    </tr>
    <tr>
      <td><i class="icon icon-subscriber icon--large"></i></td>
      <td>subscriber</td>
    </tr>
    <tr>
      <td><i class="icon icon-table icon--large"></i></td>
      <td>table</td>
    </tr>
    <tr>
      <td><i class="icon icon-template icon--large"></i></td>
      <td>template</td>
    </tr>
    <tr>
      <td><i class="icon icon-ticket-cancel icon--large"></i></td>
      <td>ticket-cancel</td>
    </tr>
    <tr>
      <td><i class="icon icon-ticket-free icon--large"></i></td>
      <td>ticket-free</td>
    </tr>
    <tr>
      <td><i class="icon icon-ticket icon--large"></i></td>
      <td>ticket</td>
    </tr>
    <tr>
      <td><i class="icon icon-tickets icon--large"></i></td>
      <td>tickets</td>
    </tr>
    <tr>
      <td><i class="icon icon-to-back icon--large"></i></td>
      <td>to-back</td>
    </tr>
    <tr>
      <td><i class="icon icon-to-front icon--large"></i></td>
      <td>to-front</td>
    </tr>
    <tr>
      <td><i class="icon icon-trash icon--large"></i></td>
      <td>trash</td>
    </tr>
    <tr>
      <td><i class="icon icon-triangle icon--large"></i></td>
      <td>triangle</td>
    </tr>
    <tr>
      <td><i class="icon icon-twitter icon--large"></i></td>
      <td>twitter</td>
    </tr>
    <tr>
      <td><i class="icon icon-undo-alt icon--large"></i></td>
      <td>undo-alt</td>
    </tr>
    <tr>
      <td><i class="icon icon-undo icon--large"></i></td>
      <td>undo</td>
    </tr>
    <tr>
      <td><i class="icon icon-unlock icon--large"></i></td>
      <td>unlock</td>
    </tr>
    <tr>
      <td><i class="icon icon-upload icon--large"></i></td>
      <td>upload</td>
    </tr>
    <tr>
      <td><i class="icon icon-usd icon--large"></i></td>
      <td>usd</td>
    </tr>
    <tr>
      <td><i class="icon icon-video icon--large"></i></td>
      <td>video</td>
    </tr>
    <tr>
      <td><i class="icon icon-voucher-payment icon--large"></i></td>
      <td>voucher-payment</td>
    </tr>
    <tr>
      <td><i class="icon icon-voucher-pricetype icon--large"></i></td>
      <td>voucher-pricetype</td>
    </tr>
    <tr>
      <td><i class="icon icon-voucher icon--large"></i></td>
      <td>voucher</td>
    </tr>
    <tr>
      <td><i class="icon icon-warning icon--large"></i></td>
      <td>warning</td>
    </tr>
    <tr>
      <td><i class="icon icon-website icon--large"></i></td>
      <td>website</td>
    </tr>
    <tr>
      <td><i class="icon icon-zoom-in icon--large"></i></td>
      <td>zoom-in</td>
    </tr>
    <tr>
      <td><i class="icon icon-zoom-out icon--large"></i></td>
      <td>zoom-out</td>
    </tr>
  </tbody>
</table>