Skip to content

Instantly share code, notes, and snippets.

@tahertechs

tahertechs/Font Awesome Cheetsheet.markdown

Created August 31, 2015 09:16
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save tahertechs/3bf4f24f99b233c0210b to your computer and use it in GitHub Desktop.
Save tahertechs/3bf4f24f99b233c0210b to your computer and use it in GitHub Desktop.
Download ZIP
Font Awesome Cheetsheet
Raw
index.html
<h1><a href="http://fontawesome.io/cheatsheet/">Font Awesome Icon Reference</a></h1>
<h2>v4.0.1 - sortable/filterable cheetsheet</h2>
<table>
<thead>
<tr><td>icon</td><td>class name</td><td>unicode</td><td data-placeholder="All">category</td></tr>
</thead>
<tbody>
<tr><td data-id="000"><i class="fa fa-fw">&#xf000</i></td><td>fa-glass</td><td>&amp;#xf000;</td><td>Web</td></tr>
<tr><td data-id="001"><i class="fa fa-fw">&#xf001</i></td><td>fa-music</td><td>&amp;#xf001;</td><td>Web</td></tr>
<tr><td data-id="002"><i class="fa fa-fw">&#xf002</i></td><td>fa-search</td><td>&amp;#xf002;</td><td>Web</td></tr>
<tr><td data-id="003"><i class="fa fa-fw">&#xf003</i></td><td>fa-envelope-o</td><td>&amp;#xf003;</td><td>Web</td></tr>
<tr><td data-id="004"><i class="fa fa-fw">&#xf004</i></td><td>fa-heart</td><td>&amp;#xf004;</td><td>Web</td></tr>
<tr><td data-id="005"><i class="fa fa-fw">&#xf005</i></td><td>fa-star</td><td>&amp;#xf005;</td><td>Web</td></tr>
<tr><td data-id="006"><i class="fa fa-fw">&#xf006</i></td><td>fa-star-o</td><td>&amp;#xf006;</td><td>Web</td></tr>
<tr><td data-id="007"><i class="fa fa-fw">&#xf007</i></td><td>fa-user</td><td>&amp;#xf007;</td><td>Web</td></tr>
<tr><td data-id="008"><i class="fa fa-fw">&#xf008</i></td><td>fa-film</td><td>&amp;#xf008;</td><td>Web</td></tr>
<tr><td data-id="009"><i class="fa fa-fw">&#xf009</i></td><td>fa-th-large</td><td>&amp;#xf009;</td><td>Editor</td></tr>
<tr><td data-id="00a"><i class="fa fa-fw">&#xf00a</i></td><td>fa-th</td><td>&amp;#xf00a;</td><td>Editor</td></tr>
<tr><td data-id="00b"><i class="fa fa-fw">&#xf00b</i></td><td>fa-th-list</td><td>&amp;#xf00b;</td><td>Editor</td></tr>
<tr><td data-id="00c"><i class="fa fa-fw">&#xf00c</i></td><td>fa-check</td><td>&amp;#xf00c;</td><td>Web</td></tr>
<tr><td data-id="00d"><i class="fa fa-fw">&#xf00d</i></td><td>fa-times</td><td>&amp;#xf00d;</td><td>Web</td></tr>
<tr><td data-id="00e"><i class="fa fa-fw">&#xf00e</i></td><td>fa-search-plus</td><td>&amp;#xf00e;</td><td>Web</td></tr>
<tr><td data-id="010"><i class="fa fa-fw">&#xf010</i></td><td>fa-search-minus</td><td>&amp;#xf010;</td><td>Web</td></tr>
<tr><td data-id="011"><i class="fa fa-fw">&#xf011</i></td><td>fa-power-off</td><td>&amp;#xf011;</td><td>Web</td></tr>
<tr><td data-id="012"><i class="fa fa-fw">&#xf012</i></td><td>fa-signal</td><td>&amp;#xf012;</td><td>Web</td></tr>
<tr><td data-id="013"><i class="fa fa-fw">&#xf013</i></td><td>fa-cog</td><td>&amp;#xf013;</td><td>Web</td></tr>
<tr><td data-id="014"><i class="fa fa-fw">&#xf014</i></td><td>fa-trash-o</td><td>&amp;#xf014;</td><td>Web</td></tr>
<tr><td data-id="015"><i class="fa fa-fw">&#xf015</i></td><td>fa-home</td><td>&amp;#xf015;</td><td>Web</td></tr>
<tr><td data-id="016"><i class="fa fa-fw">&#xf016</i></td><td>fa-file-o</td><td>&amp;#xf016;</td><td>Editor</td></tr>
<tr><td data-id="017"><i class="fa fa-fw">&#xf017</i></td><td>fa-clock-o</td><td>&amp;#xf017;</td><td>Web</td></tr>
<tr><td data-id="018"><i class="fa fa-fw">&#xf018</i></td><td>fa-road</td><td>&amp;#xf018;</td><td>Web</td></tr>
<tr><td data-id="019"><i class="fa fa-fw">&#xf019</i></td><td>fa-download</td><td>&amp;#xf019;</td><td>Web</td></tr>
<tr><td data-id="01a"><i class="fa fa-fw">&#xf01a</i></td><td>fa-arrow-circle-o-down</td><td>&amp;#xf01a;</td><td>Directional</td></tr>
<tr><td data-id="01b"><i class="fa fa-fw">&#xf01b</i></td><td>fa-arrow-circle-o-up</td><td>&amp;#xf01b;</td><td>Directional</td></tr>
<tr><td data-id="01c"><i class="fa fa-fw">&#xf01c</i></td><td>fa-inbox</td><td>&amp;#xf01c;</td><td>Web</td></tr>
<tr><td data-id="01d"><i class="fa fa-fw">&#xf01d</i></td><td>fa-play-circle-o</td><td>&amp;#xf01d;</td><td>Video</td></tr>
<tr><td data-id="01e"><i class="fa fa-fw">&#xf01e</i></td><td>fa-repeat</td><td>&amp;#xf01e;</td><td>Editor</td></tr>
<tr><td data-id="021"><i class="fa fa-fw">&#xf021</i></td><td>fa-refresh</td><td>&amp;#xf021;</td><td>Web</td></tr>
<tr><td data-id="022"><i class="fa fa-fw">&#xf022</i></td><td>fa-list-alt</td><td>&amp;#xf022;</td><td>Editor</td></tr>
<tr><td data-id="023"><i class="fa fa-fw">&#xf023</i></td><td>fa-lock</td><td>&amp;#xf023;</td><td>Web</td></tr>
<tr><td data-id="024"><i class="fa fa-fw">&#xf024</i></td><td>fa-flag</td><td>&amp;#xf024;</td><td>Web</td></tr>
<tr><td data-id="025"><i class="fa fa-fw">&#xf025</i></td><td>fa-headphones</td><td>&amp;#xf025;</td><td>Web</td></tr>
<tr><td data-id="026"><i class="fa fa-fw">&#xf026</i></td><td>fa-volume-off</td><td>&amp;#xf026;</td><td>Web</td></tr>
<tr><td data-id="027"><i class="fa fa-fw">&#xf027</i></td><td>fa-volume-down</td><td>&amp;#xf027;</td><td>Web</td></tr>
<tr><td data-id="028"><i class="fa fa-fw">&#xf028</i></td><td>fa-volume-up</td><td>&amp;#xf028;</td><td>Web</td></tr>
<tr><td data-id="029"><i class="fa fa-fw">&#xf029</i></td><td>fa-qrcode</td><td>&amp;#xf029;</td><td>Web</td></tr>
<tr><td data-id="02a"><i class="fa fa-fw">&#xf02a</i></td><td>fa-barcode</td><td>&amp;#xf02a;</td><td>Web</td></tr>
<tr><td data-id="02b"><i class="fa fa-fw">&#xf02b</i></td><td>fa-tag</td><td>&amp;#xf02b;</td><td>Web</td></tr>
<tr><td data-id="02c"><i class="fa fa-fw">&#xf02c</i></td><td>fa-tags</td><td>&amp;#xf02c;</td><td>Web</td></tr>
<tr><td data-id="02d"><i class="fa fa-fw">&#xf02d</i></td><td>fa-book</td><td>&amp;#xf02d;</td><td>Web</td></tr>
<tr><td data-id="02e"><i class="fa fa-fw">&#xf02e</i></td><td>fa-bookmark</td><td>&amp;#xf02e;</td><td>Web</td></tr>
<tr><td data-id="02f"><i class="fa fa-fw">&#xf02f</i></td><td>fa-print</td><td>&amp;#xf02f;</td><td>Web</td></tr>
<tr><td data-id="030"><i class="fa fa-fw">&#xf030</i></td><td>fa-camera</td><td>&amp;#xf030;</td><td>Web</td></tr>
<tr><td data-id="031"><i class="fa fa-fw">&#xf031</i></td><td>fa-font</td><td>&amp;#xf031;</td><td>Editor</td></tr>
<tr><td data-id="032"><i class="fa fa-fw">&#xf032</i></td><td>fa-bold</td><td>&amp;#xf032;</td><td>Editor</td></tr>
<tr><td data-id="033"><i class="fa fa-fw">&#xf033</i></td><td>fa-italic</td><td>&amp;#xf033;</td><td>Editor</td></tr>
<tr><td data-id="034"><i class="fa fa-fw">&#xf034</i></td><td>fa-text-height</td><td>&amp;#xf034;</td><td>Editor</td></tr>
<tr><td data-id="035"><i class="fa fa-fw">&#xf035</i></td><td>fa-text-width</td><td>&amp;#xf035;</td><td>Editor</td></tr>
<tr><td data-id="036"><i class="fa fa-fw">&#xf036</i></td><td>fa-align-left</td><td>&amp;#xf036;</td><td>Editor</td></tr>
<tr><td data-id="037"><i class="fa fa-fw">&#xf037</i></td><td>fa-align-center</td><td>&amp;#xf037;</td><td>Editor</td></tr>
<tr><td data-id="038"><i class="fa fa-fw">&#xf038</i></td><td>fa-align-right</td><td>&amp;#xf038;</td><td>Editor</td></tr>
<tr><td data-id="039"><i class="fa fa-fw">&#xf039</i></td><td>fa-align-justify</td><td>&amp;#xf039;</td><td>Editor</td></tr>
<tr><td data-id="03a"><i class="fa fa-fw">&#xf03a</i></td><td>fa-list</td><td>&amp;#xf03a;</td><td>Editor</td></tr>
<tr><td data-id="03b"><i class="fa fa-fw">&#xf03b</i></td><td>fa-outdent</td><td>&amp;#xf03b;</td><td>Editor</td></tr>
<tr><td data-id="03c"><i class="fa fa-fw">&#xf03c</i></td><td>fa-indent</td><td>&amp;#xf03c;</td><td>Editor</td></tr>
<tr><td data-id="03d"><i class="fa fa-fw">&#xf03d</i></td><td>fa-video-camera</td><td>&amp;#xf03d;</td><td>Web</td></tr>
<tr><td data-id="03e"><i class="fa fa-fw">&#xf03e</i></td><td>fa-picture-o</td><td>&amp;#xf03e;</td><td>Web</td></tr>
<tr><td data-id="040"><i class="fa fa-fw">&#xf040</i></td><td>fa-pencil</td><td>&amp;#xf040;</td><td>Web</td></tr>
<tr><td data-id="041"><i class="fa fa-fw">&#xf041</i></td><td>fa-map-marker</td><td>&amp;#xf041;</td><td>Web</td></tr>
<tr><td data-id="042"><i class="fa fa-fw">&#xf042</i></td><td>fa-adjust</td><td>&amp;#xf042;</td><td>Web</td></tr>
<tr><td data-id="043"><i class="fa fa-fw">&#xf043</i></td><td>fa-tint</td><td>&amp;#xf043;</td><td>Web</td></tr>
<tr><td data-id="044"><i class="fa fa-fw">&#xf044</i></td><td>fa-pencil-square-o</td><td>&amp;#xf044;</td><td>Web</td></tr>
<tr><td data-id="045"><i class="fa fa-fw">&#xf045</i></td><td>fa-share-square-o</td><td>&amp;#xf045;</td><td>Web</td></tr>
<tr><td data-id="046"><i class="fa fa-fw">&#xf046</i></td><td>fa-check-square-o</td><td>&amp;#xf046;</td><td>Form, Web</td></tr>
<tr><td data-id="047"><i class="fa fa-fw">&#xf047</i></td><td>fa-move</td><td>&amp;#xf047;</td><td>Web</td></tr>
<tr><td data-id="048"><i class="fa fa-fw">&#xf048</i></td><td>fa-step-backward</td><td>&amp;#xf048;</td><td>Video</td></tr>
<tr><td data-id="049"><i class="fa fa-fw">&#xf049</i></td><td>fa-fast-backward</td><td>&amp;#xf049;</td><td>Video</td></tr>
<tr><td data-id="04a"><i class="fa fa-fw">&#xf04a</i></td><td>fa-backward</td><td>&amp;#xf04a;</td><td>Video</td></tr>
<tr><td data-id="04b"><i class="fa fa-fw">&#xf04b</i></td><td>fa-play</td><td>&amp;#xf04b;</td><td>Video</td></tr>
<tr><td data-id="04c"><i class="fa fa-fw">&#xf04c</i></td><td>fa-pause</td><td>&amp;#xf04c;</td><td>Video</td></tr>
<tr><td data-id="04d"><i class="fa fa-fw">&#xf04d</i></td><td>fa-stop</td><td>&amp;#xf04d;</td><td>Video</td></tr>
<tr><td data-id="04e"><i class="fa fa-fw">&#xf04e</i></td><td>fa-forward</td><td>&amp;#xf04e;</td><td>Video</td></tr>
<tr><td data-id="050"><i class="fa fa-fw">&#xf050</i></td><td>fa-fast-forward</td><td>&amp;#xf050;</td><td>Video</td></tr>
<tr><td data-id="051"><i class="fa fa-fw">&#xf051</i></td><td>fa-step-forward</td><td>&amp;#xf051;</td><td>Video</td></tr>
<tr><td data-id="052"><i class="fa fa-fw">&#xf052</i></td><td>fa-eject</td><td>&amp;#xf052;</td><td>Video</td></tr>
<tr><td data-id="053"><i class="fa fa-fw">&#xf053</i></td><td>fa-chevron-left</td><td>&amp;#xf053;</td><td>Directional</td></tr>
<tr><td data-id="054"><i class="fa fa-fw">&#xf054</i></td><td>fa-chevron-right</td><td>&amp;#xf054;</td><td>Directional</td></tr>
<tr><td data-id="055"><i class="fa fa-fw">&#xf055</i></td><td>fa-plus-circle</td><td>&amp;#xf055;</td><td>Web</td></tr>
<tr><td data-id="056"><i class="fa fa-fw">&#xf056</i></td><td>fa-minus-circle</td><td>&amp;#xf056;</td><td>Web</td></tr>
<tr><td data-id="057"><i class="fa fa-fw">&#xf057</i></td><td>fa-times-circle</td><td>&amp;#xf057;</td><td>Web</td></tr>
<tr><td data-id="058"><i class="fa fa-fw">&#xf058</i></td><td>fa-check-circle</td><td>&amp;#xf058;</td><td>Web</td></tr>
<tr><td data-id="059"><i class="fa fa-fw">&#xf059</i></td><td>fa-question-circle</td><td>&amp;#xf059;</td><td>Web</td></tr>
<tr><td data-id="05a"><i class="fa fa-fw">&#xf05a</i></td><td>fa-info-circle</td><td>&amp;#xf05a;</td><td>Web</td></tr>
<tr><td data-id="05b"><i class="fa fa-fw">&#xf05b</i></td><td>fa-crosshairs</td><td>&amp;#xf05b;</td><td>Web</td></tr>
<tr><td data-id="05c"><i class="fa fa-fw">&#xf05c</i></td><td>fa-times-circle-o</td><td>&amp;#xf05c;</td><td>Web</td></tr>
<tr><td data-id="05d"><i class="fa fa-fw">&#xf05d</i></td><td>fa-check-circle-o</td><td>&amp;#xf05d;</td><td>Web</td></tr>
<tr><td data-id="05e"><i class="fa fa-fw">&#xf05e</i></td><td>fa-ban</td><td>&amp;#xf05e;</td><td>Web</td></tr>
<tr><td data-id="060"><i class="fa fa-fw">&#xf060</i></td><td>fa-arrow-left</td><td>&amp;#xf060;</td><td>Directional</td></tr>
<tr><td data-id="061"><i class="fa fa-fw">&#xf061</i></td><td>fa-arrow-right</td><td>&amp;#xf061;</td><td>Directional</td></tr>
<tr><td data-id="062"><i class="fa fa-fw">&#xf062</i></td><td>fa-arrow-up</td><td>&amp;#xf062;</td><td>Directional</td></tr>
<tr><td data-id="063"><i class="fa fa-fw">&#xf063</i></td><td>fa-arrow-down</td><td>&amp;#xf063;</td><td>Directional</td></tr>
<tr><td data-id="064"><i class="fa fa-fw">&#xf064</i></td><td>fa-share</td><td>&amp;#xf064;</td><td>Web</td></tr>
<tr><td data-id="065"><i class="fa fa-fw">&#xf065</i></td><td>fa-resize-full</td><td>&amp;#xf065;</td><td>Video</td></tr>
<tr><td data-id="066"><i class="fa fa-fw">&#xf066</i></td><td>fa-resize-small</td><td>&amp;#xf066;</td><td>Video</td></tr>
<tr><td data-id="067"><i class="fa fa-fw">&#xf067</i></td><td>fa-plus</td><td>&amp;#xf067;</td><td>Web</td></tr>
<tr><td data-id="068"><i class="fa fa-fw">&#xf068</i></td><td>fa-minus</td><td>&amp;#xf068;</td><td>Web</td></tr>
<tr><td data-id="069"><i class="fa fa-fw">&#xf069</i></td><td>fa-asterisk</td><td>&amp;#xf069;</td><td>Web</td></tr>
<tr><td data-id="06a"><i class="fa fa-fw">&#xf06a</i></td><td>fa-exclamation-circle</td><td>&amp;#xf06a;</td><td>Web</td></tr>
<tr><td data-id="06b"><i class="fa fa-fw">&#xf06b</i></td><td>fa-gift</td><td>&amp;#xf06b;</td><td>Web</td></tr>
<tr><td data-id="06c"><i class="fa fa-fw">&#xf06c</i></td><td>fa-leaf</td><td>&amp;#xf06c;</td><td>Web</td></tr>
<tr><td data-id="06d"><i class="fa fa-fw">&#xf06d</i></td><td>fa-fire</td><td>&amp;#xf06d;</td><td>Web</td></tr>
<tr><td data-id="06e"><i class="fa fa-fw">&#xf06e</i></td><td>fa-eye</td><td>&amp;#xf06e;</td><td>Web</td></tr>
<tr><td data-id="070"><i class="fa fa-fw">&#xf070</i></td><td>fa-eye-slash</td><td>&amp;#xf070;</td><td>Web</td></tr>
<tr><td data-id="071"><i class="fa fa-fw">&#xf071</i></td><td>fa-exclamation-triangle</td><td>&amp;#xf071;</td><td>Web</td></tr>
<tr><td data-id="072"><i class="fa fa-fw">&#xf072</i></td><td>fa-plane</td><td>&amp;#xf072;</td><td>Web</td></tr>
<tr><td data-id="073"><i class="fa fa-fw">&#xf073</i></td><td>fa-calendar</td><td>&amp;#xf073;</td><td>Web</td></tr>
<tr><td data-id="074"><i class="fa fa-fw">&#xf074</i></td><td>fa-random</td><td>&amp;#xf074;</td><td>Web</td></tr>
<tr><td data-id="075"><i class="fa fa-fw">&#xf075</i></td><td>fa-comment</td><td>&amp;#xf075;</td><td>Web</td></tr>
<tr><td data-id="076"><i class="fa fa-fw">&#xf076</i></td><td>fa-magnet</td><td>&amp;#xf076;</td><td>Web</td></tr>
<tr><td data-id="077"><i class="fa fa-fw">&#xf077</i></td><td>fa-chevron-up</td><td>&amp;#xf077;</td><td>Directional</td></tr>
<tr><td data-id="078"><i class="fa fa-fw">&#xf078</i></td><td>fa-chevron-down</td><td>&amp;#xf078;</td><td>Directional</td></tr>
<tr><td data-id="079"><i class="fa fa-fw">&#xf079</i></td><td>fa-retweet</td><td>&amp;#xf079;</td><td>Web</td></tr>
<tr><td data-id="07a"><i class="fa fa-fw">&#xf07a</i></td><td>fa-shopping-cart</td><td>&amp;#xf07a;</td><td>Web</td></tr>
<tr><td data-id="07b"><i class="fa fa-fw">&#xf07b</i></td><td>fa-folder</td><td>&amp;#xf07b;</td><td>Web</td></tr>
<tr><td data-id="07c"><i class="fa fa-fw">&#xf07c</i></td><td>fa-folder-open</td><td>&amp;#xf07c;</td><td>Web</td></tr>
<tr><td data-id="07d"><i class="fa fa-fw">&#xf07d</i></td><td>fa-resize-vertical</td><td>&amp;#xf07d;</td><td>Web</td></tr>
<tr><td data-id="07e"><i class="fa fa-fw">&#xf07e</i></td><td>fa-resize-horizontal</td><td>&amp;#xf07e;</td><td>Web</td></tr>
<tr><td data-id="080"><i class="fa fa-fw">&#xf080</i></td><td>fa-bar-chart-o</td><td>&amp;#xf080;</td><td>Web</td></tr>
<tr><td data-id="081"><i class="fa fa-fw">&#xf081</i></td><td>fa-twitter-square</td><td>&amp;#xf081;</td><td>Brand</td></tr>
<tr><td data-id="082"><i class="fa fa-fw">&#xf082</i></td><td>fa-facebook-square</td><td>&amp;#xf082;</td><td>Brand</td></tr>
<tr><td data-id="083"><i class="fa fa-fw">&#xf083</i></td><td>fa-camera-retro</td><td>&amp;#xf083;</td><td>Web</td></tr>
<tr><td data-id="084"><i class="fa fa-fw">&#xf084</i></td><td>fa-key</td><td>&amp;#xf084;</td><td>Web</td></tr>
<tr><td data-id="085"><i class="fa fa-fw">&#xf085</i></td><td>fa-cogs</td><td>&amp;#xf085;</td><td>Web</td></tr>
<tr><td data-id="086"><i class="fa fa-fw">&#xf086</i></td><td>fa-comments</td><td>&amp;#xf086;</td><td>Web</td></tr>
<tr><td data-id="087"><i class="fa fa-fw">&#xf087</i></td><td>fa-thumbs-o-up</td><td>&amp;#xf087;</td><td>Web</td></tr>
<tr><td data-id="088"><i class="fa fa-fw">&#xf088</i></td><td>fa-thumbs-o-down</td><td>&amp;#xf088;</td><td>Web</td></tr>
<tr><td data-id="089"><i class="fa fa-fw">&#xf089</i></td><td>fa-star-half</td><td>&amp;#xf089;</td><td>Web</td></tr>
<tr><td data-id="08a"><i class="fa fa-fw">&#xf08a</i></td><td>fa-heart-o</td><td>&amp;#xf08a;</td><td>Web</td></tr>
<tr><td data-id="08b"><i class="fa fa-fw">&#xf08b</i></td><td>fa-sign-out</td><td>&amp;#xf08b;</td><td>Web</td></tr>
<tr><td data-id="08c"><i class="fa fa-fw">&#xf08c</i></td><td>fa-linkedin-square</td><td>&amp;#xf08c;</td><td>Brand</td></tr>
<tr><td data-id="08d"><i class="fa fa-fw">&#xf08d</i></td><td>fa-thumb-tack</td><td>&amp;#xf08d;</td><td>Web</td></tr>
<tr><td data-id="08e"><i class="fa fa-fw">&#xf08e</i></td><td>fa-external-link</td><td>&amp;#xf08e;</td><td>Web</td></tr>
<tr><td data-id="090"><i class="fa fa-fw">&#xf090</i></td><td>fa-sign-in</td><td>&amp;#xf090;</td><td>Web</td></tr>
<tr><td data-id="091"><i class="fa fa-fw">&#xf091</i></td><td>fa-trophy</td><td>&amp;#xf091;</td><td>Web</td></tr>
<tr><td data-id="092"><i class="fa fa-fw">&#xf092</i></td><td>fa-github-square</td><td>&amp;#xf092;</td><td>Brand</td></tr>
<tr><td data-id="093"><i class="fa fa-fw">&#xf093</i></td><td>fa-upload</td><td>&amp;#xf093;</td><td>Web</td></tr>
<tr><td data-id="094"><i class="fa fa-fw">&#xf094</i></td><td>fa-lemon-o</td><td>&amp;#xf094;</td><td>Web</td></tr>
<tr><td data-id="095"><i class="fa fa-fw">&#xf095</i></td><td>fa-phone</td><td>&amp;#xf095;</td><td>Web</td></tr>
<tr><td data-id="096"><i class="fa fa-fw">&#xf096</i></td><td>fa-square-o</td><td>&amp;#xf096;</td><td>Form, Web</td></tr>
<tr><td data-id="097"><i class="fa fa-fw">&#xf097</i></td><td>fa-bookmark-o</td><td>&amp;#xf097;</td><td>Web</td></tr>
<tr><td data-id="098"><i class="fa fa-fw">&#xf098</i></td><td>fa-phone-square</td><td>&amp;#xf098;</td><td>Web</td></tr>
<tr><td data-id="099"><i class="fa fa-fw">&#xf099</i></td><td>fa-twitter</td><td>&amp;#xf099;</td><td>Brand</td></tr>
<tr><td data-id="09a"><i class="fa fa-fw">&#xf09a</i></td><td>fa-facebook</td><td>&amp;#xf09a;</td><td>Brand</td></tr>
<tr><td data-id="09b"><i class="fa fa-fw">&#xf09b</i></td><td>fa-github</td><td>&amp;#xf09b;</td><td>Brand</td></tr>
<tr><td data-id="09c"><i class="fa fa-fw">&#xf09c</i></td><td>fa-unlock</td><td>&amp;#xf09c;</td><td>Web</td></tr>
<tr><td data-id="09d"><i class="fa fa-fw">&#xf09d</i></td><td>fa-credit-card</td><td>&amp;#xf09d;</td><td>Web</td></tr>
<tr><td data-id="09e"><i class="fa fa-fw">&#xf09e</i></td><td>fa-rss</td><td>&amp;#xf09e;</td><td>Web</td></tr>
<tr><td data-id="0a0"><i class="fa fa-fw">&#xf0a0</i></td><td>fa-hdd-o</td><td>&amp;#xf0a0;</td><td>Web</td></tr>
<tr><td data-id="0a1"><i class="fa fa-fw">&#xf0a1</i></td><td>fa-bullhorn</td><td>&amp;#xf0a1;</td><td>Web</td></tr>
<tr><td data-id="0f3"><i class="fa fa-fw">&#xf0f3</i></td><td>fa-bell</td><td>&amp;#xf0f3;</td><td>Web</td></tr>
<tr><td data-id="0a3"><i class="fa fa-fw">&#xf0a3</i></td><td>fa-certificate</td><td>&amp;#xf0a3;</td><td>Web</td></tr>
<tr><td data-id="0a4"><i class="fa fa-fw">&#xf0a4</i></td><td>fa-hand-o-right</td><td>&amp;#xf0a4;</td><td>Directional</td></tr>
<tr><td data-id="0a5"><i class="fa fa-fw">&#xf0a5</i></td><td>fa-hand-o-left</td><td>&amp;#xf0a5;</td><td>Directional</td></tr>
<tr><td data-id="0a6"><i class="fa fa-fw">&#xf0a6</i></td><td>fa-hand-o-up</td><td>&amp;#xf0a6;</td><td>Directional</td></tr>
<tr><td data-id="0a7"><i class="fa fa-fw">&#xf0a7</i></td><td>fa-hand-o-down</td><td>&amp;#xf0a7;</td><td>Directional</td></tr>
<tr><td data-id="0a8"><i class="fa fa-fw">&#xf0a8</i></td><td>fa-arrow-circle-left</td><td>&amp;#xf0a8;</td><td>Directional</td></tr>
<tr><td data-id="0a9"><i class="fa fa-fw">&#xf0a9</i></td><td>fa-arrow-circle-right</td><td>&amp;#xf0a9;</td><td>Directional</td></tr>
<tr><td data-id="0aa"><i class="fa fa-fw">&#xf0aa</i></td><td>fa-arrow-circle-up</td><td>&amp;#xf0aa;</td><td>Directional</td></tr>
<tr><td data-id="0ab"><i class="fa fa-fw">&#xf0ab</i></td><td>fa-arrow-circle-down</td><td>&amp;#xf0ab;</td><td>Directional</td></tr>
<tr><td data-id="0ac"><i class="fa fa-fw">&#xf0ac</i></td><td>fa-globe</td><td>&amp;#xf0ac;</td><td>Web</td></tr>
<tr><td data-id="0ad"><i class="fa fa-fw">&#xf0ad</i></td><td>fa-wrench</td><td>&amp;#xf0ad;</td><td>Web</td></tr>
<tr><td data-id="0ae"><i class="fa fa-fw">&#xf0ae</i></td><td>fa-tasks</td><td>&amp;#xf0ae;</td><td>Web</td></tr>
<tr><td data-id="0b0"><i class="fa fa-fw">&#xf0b0</i></td><td>fa-filter</td><td>&amp;#xf0b0;</td><td>Web</td></tr>
<tr><td data-id="0b1"><i class="fa fa-fw">&#xf0b1</i></td><td>fa-briefcase</td><td>&amp;#xf0b1;</td><td>Web</td></tr>
<tr><td data-id="0b2"><i class="fa fa-fw">&#xf0b2</i></td><td>fa-fullscreen</td><td>&amp;#xf0b2;</td><td>Video</td></tr>
<tr><td data-id="0c0"><i class="fa fa-fw">&#xf0c0</i></td><td>fa-group</td><td>&amp;#xf0c0;</td><td>Web</td></tr>
<tr><td data-id="0c1"><i class="fa fa-fw">&#xf0c1</i></td><td>fa-link</td><td>&amp;#xf0c1;</td><td>Editor</td></tr>
<tr><td data-id="0c2"><i class="fa fa-fw">&#xf0c2</i></td><td>fa-cloud</td><td>&amp;#xf0c2;</td><td>Web</td></tr>
<tr><td data-id="0c3"><i class="fa fa-fw">&#xf0c3</i></td><td>fa-flask</td><td>&amp;#xf0c3;</td><td>Web</td></tr>
<tr><td data-id="0c4"><i class="fa fa-fw">&#xf0c4</i></td><td>fa-scissors</td><td>&amp;#xf0c4;</td><td>Editor</td></tr>
<tr><td data-id="0c5"><i class="fa fa-fw">&#xf0c5</i></td><td>fa-files-o</td><td>&amp;#xf0c5;</td><td>Editor</td></tr>
<tr><td data-id="0c6"><i class="fa fa-fw">&#xf0c6</i></td><td>fa-paperclip</td><td>&amp;#xf0c6;</td><td>Editor</td></tr>
<tr><td data-id="0c7"><i class="fa fa-fw">&#xf0c7</i></td><td>fa-floppy-o</td><td>&amp;#xf0c7;</td><td>Editor</td></tr>
<tr><td data-id="0c8"><i class="fa fa-fw">&#xf0c8</i></td><td>fa-square</td><td>&amp;#xf0c8;</td><td>Form, Web</td></tr>
<tr><td data-id="0c9"><i class="fa fa-fw">&#xf0c9</i></td><td>fa-reorder</td><td>&amp;#xf0c9;</td><td>Web</td></tr>
<tr><td data-id="0ca"><i class="fa fa-fw">&#xf0ca</i></td><td>fa-list-ul</td><td>&amp;#xf0ca;</td><td>Editor</td></tr>
<tr><td data-id="0cb"><i class="fa fa-fw">&#xf0cb</i></td><td>fa-list-ol</td><td>&amp;#xf0cb;</td><td>Editor</td></tr>
<tr><td data-id="0cc"><i class="fa fa-fw">&#xf0cc</i></td><td>fa-strikethrough</td><td>&amp;#xf0cc;</td><td>Editor</td></tr>
<tr><td data-id="0cd"><i class="fa fa-fw">&#xf0cd</i></td><td>fa-underline</td><td>&amp;#xf0cd;</td><td>Editor</td></tr>
<tr><td data-id="0ce"><i class="fa fa-fw">&#xf0ce</i></td><td>fa-table</td><td>&amp;#xf0ce;</td><td>Editor</td></tr>
<tr><td data-id="0d0"><i class="fa fa-fw">&#xf0d0</i></td><td>fa-magic</td><td>&amp;#xf0d0;</td><td>Web</td></tr>
<tr><td data-id="0d1"><i class="fa fa-fw">&#xf0d1</i></td><td>fa-truck</td><td>&amp;#xf0d1;</td><td>Web</td></tr>
<tr><td data-id="0d2"><i class="fa fa-fw">&#xf0d2</i></td><td>fa-pinterest</td><td>&amp;#xf0d2;</td><td>Brand</td></tr>
<tr><td data-id="0d3"><i class="fa fa-fw">&#xf0d3</i></td><td>fa-pinterest-square</td><td>&amp;#xf0d3;</td><td>Brand</td></tr>
<tr><td data-id="0d4"><i class="fa fa-fw">&#xf0d4</i></td><td>fa-google-plus-square</td><td>&amp;#xf0d4;</td><td>Brand</td></tr>
<tr><td data-id="0d5"><i class="fa fa-fw">&#xf0d5</i></td><td>fa-google-plus</td><td>&amp;#xf0d5;</td><td>Brand</td></tr>
<tr><td data-id="0d6"><i class="fa fa-fw">&#xf0d6</i></td><td>fa-money</td><td>&amp;#xf0d6;</td><td>Currency, Web</td></tr>
<tr><td data-id="0d7"><i class="fa fa-fw">&#xf0d7</i></td><td>fa-caret-down</td><td>&amp;#xf0d7;</td><td>Directional</td></tr>
<tr><td data-id="0d8"><i class="fa fa-fw">&#xf0d8</i></td><td>fa-caret-up</td><td>&amp;#xf0d8;</td><td>Directional</td></tr>
<tr><td data-id="0d9"><i class="fa fa-fw">&#xf0d9</i></td><td>fa-caret-left</td><td>&amp;#xf0d9;</td><td>Directional</td></tr>
<tr><td data-id="0da"><i class="fa fa-fw">&#xf0da</i></td><td>fa-caret-right</td><td>&amp;#xf0da;</td><td>Directional</td></tr>
<tr><td data-id="0db"><i class="fa fa-fw">&#xf0db</i></td><td>fa-columns</td><td>&amp;#xf0db;</td><td>Editor</td></tr>
<tr><td data-id="0dc"><i class="fa fa-fw">&#xf0dc</i></td><td>fa-sort</td><td>&amp;#xf0dc;</td><td>Web</td></tr>
<tr><td data-id="0dd"><i class="fa fa-fw">&#xf0dd</i></td><td>fa-sort-asc</td><td>&amp;#xf0dd;</td><td>Web</td></tr>
<tr><td data-id="0de"><i class="fa fa-fw">&#xf0de</i></td><td>fa-sort-desc</td><td>&amp;#xf0de;</td><td>Web</td></tr>
<tr><td data-id="0e0"><i class="fa fa-fw">&#xf0e0</i></td><td>fa-envelope</td><td>&amp;#xf0e0;</td><td>Web</td></tr>
<tr><td data-id="0e1"><i class="fa fa-fw">&#xf0e1</i></td><td>fa-linkedin</td><td>&amp;#xf0e1;</td><td>Brand</td></tr>
<tr><td data-id="0e2"><i class="fa fa-fw">&#xf0e2</i></td><td>fa-undo</td><td>&amp;#xf0e2;</td><td>Editor</td></tr>
<tr><td data-id="0e3"><i class="fa fa-fw">&#xf0e3</i></td><td>fa-gavel</td><td>&amp;#xf0e3;</td><td>Web</td></tr>
<tr><td data-id="0e4"><i class="fa fa-fw">&#xf0e4</i></td><td>fa-tachometer</td><td>&amp;#xf0e4;</td><td>Web</td></tr>
<tr><td data-id="0e5"><i class="fa fa-fw">&#xf0e5</i></td><td>fa-comment-o</td><td>&amp;#xf0e5;</td><td>Web</td></tr>
<tr><td data-id="0e6"><i class="fa fa-fw">&#xf0e6</i></td><td>fa-comments-o</td><td>&amp;#xf0e6;</td><td>Web</td></tr>
<tr><td data-id="0e7"><i class="fa fa-fw">&#xf0e7</i></td><td>fa-bolt</td><td>&amp;#xf0e7;</td><td>Web</td></tr>
<tr><td data-id="0e8"><i class="fa fa-fw">&#xf0e8</i></td><td>fa-sitemap</td><td>&amp;#xf0e8;</td><td>Web</td></tr>
<tr><td data-id="0e9"><i class="fa fa-fw">&#xf0e9</i></td><td>fa-umbrella</td><td>&amp;#xf0e9;</td><td>Web</td></tr>
<tr><td data-id="0ea"><i class="fa fa-fw">&#xf0ea</i></td><td>fa-clipboard</td><td>&amp;#xf0ea;</td><td>Editor</td></tr>
<tr><td data-id="0eb"><i class="fa fa-fw">&#xf0eb</i></td><td>fa-lightbulb-o</td><td>&amp;#xf0eb;</td><td>Web</td></tr>
<tr><td data-id="0ec"><i class="fa fa-fw">&#xf0ec</i></td><td>fa-exchange</td><td>&amp;#xf0ec;</td><td>Web</td></tr>
<tr><td data-id="0ed"><i class="fa fa-fw">&#xf0ed</i></td><td>fa-cloud-download</td><td>&amp;#xf0ed;</td><td>Web</td></tr>
<tr><td data-id="0ee"><i class="fa fa-fw">&#xf0ee</i></td><td>fa-cloud-upload</td><td>&amp;#xf0ee;</td><td>Web</td></tr>
<tr><td data-id="0f0"><i class="fa fa-fw">&#xf0f0</i></td><td>fa-user-md</td><td>&amp;#xf0f0;</td><td>Medical</td></tr>
<tr><td data-id="0f1"><i class="fa fa-fw">&#xf0f1</i></td><td>fa-stethoscope</td><td>&amp;#xf0f1;</td><td>Medical</td></tr>
<tr><td data-id="0f2"><i class="fa fa-fw">&#xf0f2</i></td><td>fa-suitcase</td><td>&amp;#xf0f2;</td><td>Web</td></tr>
<tr><td data-id="0a2"><i class="fa fa-fw">&#xf0a2</i></td><td>fa-bell-o</td><td>&amp;#xf0a2;</td><td>Web</td></tr>
<tr><td data-id="0f4"><i class="fa fa-fw">&#xf0f4</i></td><td>fa-coffee</td><td>&amp;#xf0f4;</td><td>Web</td></tr>
<tr><td data-id="0f5"><i class="fa fa-fw">&#xf0f5</i></td><td>fa-cutlery</td><td>&amp;#xf0f5;</td><td>Web</td></tr>
<tr><td data-id="0f6"><i class="fa fa-fw">&#xf0f6</i></td><td>fa-file-text-o</td><td>&amp;#xf0f6;</td><td>Editor</td></tr>
<tr><td data-id="0f7"><i class="fa fa-fw">&#xf0f7</i></td><td>fa-building</td><td>&amp;#xf0f7;</td><td>Web</td></tr>
<tr><td data-id="0f8"><i class="fa fa-fw">&#xf0f8</i></td><td>fa-hospital</td><td>&amp;#xf0f8;</td><td>Medical</td></tr>
<tr><td data-id="0f9"><i class="fa fa-fw">&#xf0f9</i></td><td>fa-ambulance</td><td>&amp;#xf0f9;</td><td>Medical</td></tr>
<tr><td data-id="0fa"><i class="fa fa-fw">&#xf0fa</i></td><td>fa-medkit</td><td>&amp;#xf0fa;</td><td>Medical</td></tr>
<tr><td data-id="0fb"><i class="fa fa-fw">&#xf0fb</i></td><td>fa-fighter-jet</td><td>&amp;#xf0fb;</td><td>Web</td></tr>
<tr><td data-id="0fc"><i class="fa fa-fw">&#xf0fc</i></td><td>fa-beer</td><td>&amp;#xf0fc;</td><td>Web</td></tr>
<tr><td data-id="0fd"><i class="fa fa-fw">&#xf0fd</i></td><td>fa-h-square</td><td>&amp;#xf0fd;</td><td>Medical</td></tr>
<tr><td data-id="0fe"><i class="fa fa-fw">&#xf0fe</i></td><td>fa-plus-square</td><td>&amp;#xf0fe;</td><td>Medical, Web</td></tr>
<tr><td data-id="100"><i class="fa fa-fw">&#xf100</i></td><td>fa-angle-double-left</td><td>&amp;#xf100;</td><td>Directional</td></tr>
<tr><td data-id="101"><i class="fa fa-fw">&#xf101</i></td><td>fa-angle-double-right</td><td>&amp;#xf101;</td><td>Directional</td></tr>
<tr><td data-id="102"><i class="fa fa-fw">&#xf102</i></td><td>fa-angle-double-up</td><td>&amp;#xf102;</td><td>Directional</td></tr>
<tr><td data-id="103"><i class="fa fa-fw">&#xf103</i></td><td>fa-angle-double-down</td><td>&amp;#xf103;</td><td>Directional</td></tr>
<tr><td data-id="104"><i class="fa fa-fw">&#xf104</i></td><td>fa-angle-left</td><td>&amp;#xf104;</td><td>Directional</td></tr>
<tr><td data-id="105"><i class="fa fa-fw">&#xf105</i></td><td>fa-angle-right</td><td>&amp;#xf105;</td><td>Directional</td></tr>
<tr><td data-id="106"><i class="fa fa-fw">&#xf106</i></td><td>fa-angle-up</td><td>&amp;#xf106;</td><td>Directional</td></tr>
<tr><td data-id="107"><i class="fa fa-fw">&#xf107</i></td><td>fa-angle-down</td><td>&amp;#xf107;</td><td>Directional</td></tr>
<tr><td data-id="108"><i class="fa fa-fw">&#xf108</i></td><td>fa-desktop</td><td>&amp;#xf108;</td><td>Web</td></tr>
<tr><td data-id="109"><i class="fa fa-fw">&#xf109</i></td><td>fa-laptop</td><td>&amp;#xf109;</td><td>Web</td></tr>
<tr><td data-id="10a"><i class="fa fa-fw">&#xf10a</i></td><td>fa-tablet</td><td>&amp;#xf10a;</td><td>Web</td></tr>
<tr><td data-id="10b"><i class="fa fa-fw">&#xf10b</i></td><td>fa-mobile</td><td>&amp;#xf10b;</td><td>Web</td></tr>
<tr><td data-id="10c"><i class="fa fa-fw">&#xf10c</i></td><td>fa-circle-o</td><td>&amp;#xf10c;</td><td>Form, Web</td></tr>
<tr><td data-id="10d"><i class="fa fa-fw">&#xf10d</i></td><td>fa-quote-left</td><td>&amp;#xf10d;</td><td>Web</td></tr>
<tr><td data-id="10e"><i class="fa fa-fw">&#xf10e</i></td><td>fa-quote-right</td><td>&amp;#xf10e;</td><td>Web</td></tr>
<tr><td data-id="110"><i class="fa fa-fw">&#xf110</i></td><td>fa-spinner</td><td>&amp;#xf110;</td><td>Web</td></tr>
<tr><td data-id="111"><i class="fa fa-fw">&#xf111</i></td><td>fa-circle</td><td>&amp;#xf111;</td><td>Form, Web</td></tr>
<tr><td data-id="112"><i class="fa fa-fw">&#xf112</i></td><td>fa-reply</td><td>&amp;#xf112;</td><td>Web</td></tr>
<tr><td data-id="113"><i class="fa fa-fw">&#xf113</i></td><td>fa-github-alt</td><td>&amp;#xf113;</td><td>Brand</td></tr>
<tr><td data-id="114"><i class="fa fa-fw">&#xf114</i></td><td>fa-folder-o</td><td>&amp;#xf114;</td><td>Web</td></tr>
<tr><td data-id="115"><i class="fa fa-fw">&#xf115</i></td><td>fa-folder-open-o</td><td>&amp;#xf115;</td><td>Web</td></tr>
<tr><td data-id="116"><i class="fa fa-fw">&#xf116</i></td><td>fa-expand-o</td><td>&amp;#xf116;</td><td>Web</td></tr>
<tr><td data-id="117"><i class="fa fa-fw">&#xf117</i></td><td>fa-collapse-o</td><td>&amp;#xf117;</td><td>Web</td></tr>
<tr><td data-id="118"><i class="fa fa-fw">&#xf118</i></td><td>fa-smile-o</td><td>&amp;#xf118;</td><td>Web</td></tr>
<tr><td data-id="119"><i class="fa fa-fw">&#xf119</i></td><td>fa-frown-o</td><td>&amp;#xf119;</td><td>Web</td></tr>
<tr><td data-id="11a"><i class="fa fa-fw">&#xf11a</i></td><td>fa-meh-o</td><td>&amp;#xf11a;</td><td>Web</td></tr>
<tr><td data-id="11b"><i class="fa fa-fw">&#xf11b</i></td><td>fa-gamepad</td><td>&amp;#xf11b;</td><td>Web</td></tr>
<tr><td data-id="11c"><i class="fa fa-fw">&#xf11c</i></td><td>fa-keyboard-o</td><td>&amp;#xf11c;</td><td>Web</td></tr>
<tr><td data-id="11d"><i class="fa fa-fw">&#xf11d</i></td><td>fa-flag-o</td><td>&amp;#xf11d;</td><td>Web</td></tr>
<tr><td data-id="11e"><i class="fa fa-fw">&#xf11e</i></td><td>fa-flag-checkered</td><td>&amp;#xf11e;</td><td>Web</td></tr>
<tr><td data-id="120"><i class="fa fa-fw">&#xf120</i></td><td>fa-terminal</td><td>&amp;#xf120;</td><td>Web</td></tr>
<tr><td data-id="121"><i class="fa fa-fw">&#xf121</i></td><td>fa-code</td><td>&amp;#xf121;</td><td>Web</td></tr>
<tr><td data-id="122"><i class="fa fa-fw">&#xf122</i></td><td>fa-reply-all</td><td>&amp;#xf122;</td><td>Web</td></tr>
<tr><td data-id="122"><i class="fa fa-fw">&#xf122</i></td><td>fa-mail-reply-all</td><td>&amp;#xf122;</td><td>Web</td></tr>
<tr><td data-id="123"><i class="fa fa-fw">&#xf123</i></td><td>fa-star-half-o</td><td>&amp;#xf123;</td><td>Web</td></tr>
<tr><td data-id="124"><i class="fa fa-fw">&#xf124</i></td><td>fa-location-arrow</td><td>&amp;#xf124;</td><td>Web</td></tr>
<tr><td data-id="125"><i class="fa fa-fw">&#xf125</i></td><td>fa-crop</td><td>&amp;#xf125;</td><td>Web</td></tr>
<tr><td data-id="126"><i class="fa fa-fw">&#xf126</i></td><td>fa-code-fork</td><td>&amp;#xf126;</td><td>Web</td></tr>
<tr><td data-id="127"><i class="fa fa-fw">&#xf127</i></td><td>fa-chain-broken</td><td>&amp;#xf127;</td><td>Editor</td></tr>
<tr><td data-id="128"><i class="fa fa-fw">&#xf128</i></td><td>fa-question</td><td>&amp;#xf128;</td><td>Web</td></tr>
<tr><td data-id="129"><i class="fa fa-fw">&#xf129</i></td><td>fa-info</td><td>&amp;#xf129;</td><td>Web</td></tr>
<tr><td data-id="12a"><i class="fa fa-fw">&#xf12a</i></td><td>fa-exclamation</td><td>&amp;#xf12a;</td><td>Web</td></tr>
<tr><td data-id="12b"><i class="fa fa-fw">&#xf12b</i></td><td>fa-superscript</td><td>&amp;#xf12b;</td><td>Web</td></tr>
<tr><td data-id="12c"><i class="fa fa-fw">&#xf12c</i></td><td>fa-subscript</td><td>&amp;#xf12c;</td><td>Web</td></tr>
<tr><td data-id="12d"><i class="fa fa-fw">&#xf12d</i></td><td>fa-eraser</td><td>&amp;#xf12d;</td><td>Editor, Web</td></tr>
<tr><td data-id="12e"><i class="fa fa-fw">&#xf12e</i></td><td>fa-puzzle-piece</td><td>&amp;#xf12e;</td><td>Web</td></tr>
<tr><td data-id="130"><i class="fa fa-fw">&#xf130</i></td><td>fa-microphone</td><td>&amp;#xf130;</td><td>Web</td></tr>
<tr><td data-id="131"><i class="fa fa-fw">&#xf131</i></td><td>fa-microphone-slash</td><td>&amp;#xf131;</td><td>Web</td></tr>
<tr><td data-id="132"><i class="fa fa-fw">&#xf132</i></td><td>fa-shield</td><td>&amp;#xf132;</td><td>Web</td></tr>
<tr><td data-id="133"><i class="fa fa-fw">&#xf133</i></td><td>fa-calendar-o</td><td>&amp;#xf133;</td><td>Web</td></tr>
<tr><td data-id="134"><i class="fa fa-fw">&#xf134</i></td><td>fa-fire-extinguisher</td><td>&amp;#xf134;</td><td>Web</td></tr>
<tr><td data-id="135"><i class="fa fa-fw">&#xf135</i></td><td>fa-rocket</td><td>&amp;#xf135;</td><td>Web</td></tr>
<tr><td data-id="136"><i class="fa fa-fw">&#xf136</i></td><td>fa-maxcdn</td><td>&amp;#xf136;</td><td>Brand</td></tr>
<tr><td data-id="137"><i class="fa fa-fw">&#xf137</i></td><td>fa-chevron-circle-left</td><td>&amp;#xf137;</td><td>Directional</td></tr>
<tr><td data-id="138"><i class="fa fa-fw">&#xf138</i></td><td>fa-chevron-circle-right</td><td>&amp;#xf138;</td><td>Directional</td></tr>
<tr><td data-id="139"><i class="fa fa-fw">&#xf139</i></td><td>fa-chevron-circle-up</td><td>&amp;#xf139;</td><td>Directional</td></tr>
<tr><td data-id="13a"><i class="fa fa-fw">&#xf13a</i></td><td>fa-chevron-circle-down</td><td>&amp;#xf13a;</td><td>Directional</td></tr>
<tr><td data-id="13b"><i class="fa fa-fw">&#xf13b</i></td><td>fa-html5</td><td>&amp;#xf13b;</td><td>Brand</td></tr>
<tr><td data-id="13c"><i class="fa fa-fw">&#xf13c</i></td><td>fa-css3</td><td>&amp;#xf13c;</td><td>Brand</td></tr>
<tr><td data-id="13d"><i class="fa fa-fw">&#xf13d</i></td><td>fa-anchor</td><td>&amp;#xf13d;</td><td>Web</td></tr>
<tr><td data-id="13e"><i class="fa fa-fw">&#xf13e</i></td><td>fa-unlock-o</td><td>&amp;#xf13e;</td><td>Web</td></tr>
<tr><td data-id="140"><i class="fa fa-fw">&#xf140</i></td><td>fa-bullseye</td><td>&amp;#xf140;</td><td>Web</td></tr>
<tr><td data-id="141"><i class="fa fa-fw">&#xf141</i></td><td>fa-ellipsis-horizontal</td><td>&amp;#xf141;</td><td>Web</td></tr>
<tr><td data-id="142"><i class="fa fa-fw">&#xf142</i></td><td>fa-ellipsis-vertical</td><td>&amp;#xf142;</td><td>Web</td></tr>
<tr><td data-id="143"><i class="fa fa-fw">&#xf143</i></td><td>fa-rss-square</td><td>&amp;#xf143;</td><td>Web</td></tr>
<tr><td data-id="144"><i class="fa fa-fw">&#xf144</i></td><td>fa-play-circle</td><td>&amp;#xf144;</td><td>Video</td></tr>
<tr><td data-id="145"><i class="fa fa-fw">&#xf145</i></td><td>fa-ticket</td><td>&amp;#xf145;</td><td>Web</td></tr>
<tr><td data-id="146"><i class="fa fa-fw">&#xf146</i></td><td>fa-minus-square</td><td>&amp;#xf146;</td><td>Form, Web</td></tr>
<tr><td data-id="147"><i class="fa fa-fw">&#xf147</i></td><td>fa-minus-square-o</td><td>&amp;#xf147;</td><td>Form, Web</td></tr>
<tr><td data-id="148"><i class="fa fa-fw">&#xf148</i></td><td>fa-level-up</td><td>&amp;#xf148;</td><td>Web</td></tr>
<tr><td data-id="149"><i class="fa fa-fw">&#xf149</i></td><td>fa-level-down</td><td>&amp;#xf149;</td><td>Web</td></tr>
<tr><td data-id="14a"><i class="fa fa-fw">&#xf14a</i></td><td>fa-check-square</td><td>&amp;#xf14a;</td><td>Form, Web</td></tr>
<tr><td data-id="14b"><i class="fa fa-fw">&#xf14b</i></td><td>fa-pencil-square</td><td>&amp;#xf14b;</td><td>Web</td></tr>
<tr><td data-id="14c"><i class="fa fa-fw">&#xf14c</i></td><td>fa-external-link-square</td><td>&amp;#xf14c;</td><td>Web</td></tr>
<tr><td data-id="14d"><i class="fa fa-fw">&#xf14d</i></td><td>fa-share-square</td><td>&amp;#xf14d;</td><td>Web</td></tr>
<tr><td data-id="14e"><i class="fa fa-fw">&#xf14e</i></td><td>fa-compass</td><td>&amp;#xf14e;</td><td>Web</td></tr>
<tr><td data-id="150"><i class="fa fa-fw">&#xf150</i></td><td>fa-caret-square-o-down</td><td>&amp;#xf150;</td><td>Directional, Web</td></tr>
<tr><td data-id="151"><i class="fa fa-fw">&#xf151</i></td><td>fa-caret-square-o-up</td><td>&amp;#xf151;</td><td>Directional, Web</td></tr>
<tr><td data-id="152"><i class="fa fa-fw">&#xf152</i></td><td>fa-caret-square-o-right</td><td>&amp;#xf152;</td><td>Directional, Web</td></tr>
<tr><td data-id="153"><i class="fa fa-fw">&#xf153</i></td><td>fa-eur</td><td>&amp;#xf153;</td><td>Currency</td></tr>
<tr><td data-id="154"><i class="fa fa-fw">&#xf154</i></td><td>fa-gbp</td><td>&amp;#xf154;</td><td>Currency</td></tr>
<tr><td data-id="155"><i class="fa fa-fw">&#xf155</i></td><td>fa-usd</td><td>&amp;#xf155;</td><td>Currency</td></tr>
<tr><td data-id="156"><i class="fa fa-fw">&#xf156</i></td><td>fa-inr</td><td>&amp;#xf156;</td><td>Currency</td></tr>
<tr><td data-id="157"><i class="fa fa-fw">&#xf157</i></td><td>fa-jpy</td><td>&amp;#xf157;</td><td>Currency</td></tr>
<tr><td data-id="158"><i class="fa fa-fw">&#xf158</i></td><td>fa-rub</td><td>&amp;#xf158;</td><td>Currency</td></tr>
<tr><td data-id="159"><i class="fa fa-fw">&#xf159</i></td><td>fa-krw</td><td>&amp;#xf159;</td><td>Currency</td></tr>
<tr><td data-id="15a"><i class="fa fa-fw">&#xf15a</i></td><td>fa-btc</td><td>&amp;#xf15a;</td><td>Brand, Currency</td></tr>
<tr><td data-id="15b"><i class="fa fa-fw">&#xf15b</i></td><td>fa-file</td><td>&amp;#xf15b;</td><td>Editor</td></tr>
<tr><td data-id="15c"><i class="fa fa-fw">&#xf15c</i></td><td>fa-file-text</td><td>&amp;#xf15c;</td><td>Editor</td></tr>
<tr><td data-id="15d"><i class="fa fa-fw">&#xf15d</i></td><td>fa-sort-alpha-asc</td><td>&amp;#xf15d;</td><td>Web</td></tr>
<tr><td data-id="15e"><i class="fa fa-fw">&#xf15e</i></td><td>fa-sort-alpha-desc</td><td>&amp;#xf15e;</td><td>Web</td></tr>
<tr><td data-id="160"><i class="fa fa-fw">&#xf160</i></td><td>fa-sort-amount-asc</td><td>&amp;#xf160;</td><td>Web</td></tr>
<tr><td data-id="161"><i class="fa fa-fw">&#xf161</i></td><td>fa-sort-amount-desc</td><td>&amp;#xf161;</td><td>Web</td></tr>
<tr><td data-id="162"><i class="fa fa-fw">&#xf162</i></td><td>fa-sort-numeric-asc</td><td>&amp;#xf162;</td><td>Web</td></tr>
<tr><td data-id="163"><i class="fa fa-fw">&#xf163</i></td><td>fa-sort-numeric-desc</td><td>&amp;#xf163;</td><td>Web</td></tr>
<tr><td data-id="164"><i class="fa fa-fw">&#xf164</i></td><td>fa-thumbs-up</td><td>&amp;#xf164;</td><td>Web</td></tr>
<tr><td data-id="165"><i class="fa fa-fw">&#xf165</i></td><td>fa-thumbs-down</td><td>&amp;#xf165;</td><td>Web</td></tr>
<tr><td data-id="166"><i class="fa fa-fw">&#xf166</i></td><td>fa-youtube-square</td><td>&amp;#xf166;</td><td>Brand</td></tr>
<tr><td data-id="167"><i class="fa fa-fw">&#xf167</i></td><td>fa-youtube</td><td>&amp;#xf167;</td><td>Brand</td></tr>
<tr><td data-id="168"><i class="fa fa-fw">&#xf168</i></td><td>fa-xing</td><td>&amp;#xf168;</td><td>Brand</td></tr>
<tr><td data-id="169"><i class="fa fa-fw">&#xf169</i></td><td>fa-xing-square</td><td>&amp;#xf169;</td><td>Brand</td></tr>
<tr><td data-id="16a"><i class="fa fa-fw">&#xf16a</i></td><td>fa-youtube-play</td><td>&amp;#xf16a;</td><td>Brand, Video</td></tr>
<tr><td data-id="16b"><i class="fa fa-fw">&#xf16b</i></td><td>fa-dropbox</td><td>&amp;#xf16b;</td><td>Brand</td></tr>
<tr><td data-id="16c"><i class="fa fa-fw">&#xf16c</i></td><td>fa-stack-overflow</td><td>&amp;#xf16c;</td><td>Brand</td></tr>
<tr><td data-id="16d"><i class="fa fa-fw">&#xf16d</i></td><td>fa-instagram</td><td>&amp;#xf16d;</td><td>Brand</td></tr>
<tr><td data-id="16e"><i class="fa fa-fw">&#xf16e</i></td><td>fa-flickr</td><td>&amp;#xf16e;</td><td>Brand</td></tr>
<tr><td data-id="170"><i class="fa fa-fw">&#xf170</i></td><td>fa-adn</td><td>&amp;#xf170;</td><td>Brand</td></tr>
<tr><td data-id="171"><i class="fa fa-fw">&#xf171</i></td><td>fa-bitbucket</td><td>&amp;#xf171;</td><td>Brand</td></tr>
<tr><td data-id="172"><i class="fa fa-fw">&#xf172</i></td><td>fa-bitbucket-square</td><td>&amp;#xf172;</td><td>Brand</td></tr>
<tr><td data-id="173"><i class="fa fa-fw">&#xf173</i></td><td>fa-tumblr</td><td>&amp;#xf173;</td><td>Brand</td></tr>
<tr><td data-id="174"><i class="fa fa-fw">&#xf174</i></td><td>fa-tumblr-square</td><td>&amp;#xf174;</td><td>Brand</td></tr>
<tr><td data-id="175"><i class="fa fa-fw">&#xf175</i></td><td>fa-long-arrow-down</td><td>&amp;#xf175;</td><td>Directional</td></tr>
<tr><td data-id="176"><i class="fa fa-fw">&#xf176</i></td><td>fa-long-arrow-up</td><td>&amp;#xf176;</td><td>Directional</td></tr>
<tr><td data-id="177"><i class="fa fa-fw">&#xf177</i></td><td>fa-long-arrow-left</td><td>&amp;#xf177;</td><td>Directional</td></tr>
<tr><td data-id="178"><i class="fa fa-fw">&#xf178</i></td><td>fa-long-arrow-right</td><td>&amp;#xf178;</td><td>Directional</td></tr>
<tr><td data-id="179"><i class="fa fa-fw">&#xf179</i></td><td>fa-apple</td><td>&amp;#xf179;</td><td>Brand</td></tr>
<tr><td data-id="17a"><i class="fa fa-fw">&#xf17a</i></td><td>fa-windows</td><td>&amp;#xf17a;</td><td>Brand</td></tr>
<tr><td data-id="17b"><i class="fa fa-fw">&#xf17b</i></td><td>fa-android</td><td>&amp;#xf17b;</td><td>Brand</td></tr>
<tr><td data-id="17c"><i class="fa fa-fw">&#xf17c</i></td><td>fa-linux</td><td>&amp;#xf17c;</td><td>Brand</td></tr>
<tr><td data-id="17d"><i class="fa fa-fw">&#xf17d</i></td><td>fa-dribbble</td><td>&amp;#xf17d;</td><td>Brand</td></tr>
<tr><td data-id="17e"><i class="fa fa-fw">&#xf17e</i></td><td>fa-skype</td><td>&amp;#xf17e;</td><td>Brand</td></tr>
<tr><td data-id="180"><i class="fa fa-fw">&#xf180</i></td><td>fa-foursquare</td><td>&amp;#xf180;</td><td>Brand</td></tr>
<tr><td data-id="181"><i class="fa fa-fw">&#xf181</i></td><td>fa-trello</td><td>&amp;#xf181;</td><td>Brand</td></tr>
<tr><td data-id="182"><i class="fa fa-fw">&#xf182</i></td><td>fa-female</td><td>&amp;#xf182;</td><td>Web</td></tr>
<tr><td data-id="183"><i class="fa fa-fw">&#xf183</i></td><td>fa-male</td><td>&amp;#xf183;</td><td>Web</td></tr>
<tr><td data-id="184"><i class="fa fa-fw">&#xf184</i></td><td>fa-gittip</td><td>&amp;#xf184;</td><td>Brand</td></tr>
<tr><td data-id="185"><i class="fa fa-fw">&#xf185</i></td><td>fa-sun-o</td><td>&amp;#xf185;</td><td>Web</td></tr>
<tr><td data-id="186"><i class="fa fa-fw">&#xf186</i></td><td>fa-moon-o</td><td>&amp;#xf186;</td><td>Web</td></tr>
<tr><td data-id="187"><i class="fa fa-fw">&#xf187</i></td><td>fa-archive</td><td>&amp;#xf187;</td><td>Web</td></tr>
<tr><td data-id="188"><i class="fa fa-fw">&#xf188</i></td><td>fa-bug</td><td>&amp;#xf188;</td><td>Web</td></tr>
<tr><td data-id="189"><i class="fa fa-fw">&#xf189</i></td><td>fa-vk</td><td>&amp;#xf189;</td><td>Brand</td></tr>
<tr><td data-id="18a"><i class="fa fa-fw">&#xf18a</i></td><td>fa-weibo</td><td>&amp;#xf18a;</td><td>Brand</td></tr>
<tr><td data-id="18b"><i class="fa fa-fw">&#xf18b</i></td><td>fa-renren</td><td>&amp;#xf18b;</td><td>Brand</td></tr>
<tr><td data-id="18c"><i class="fa fa-fw">&#xf18c</i></td><td>fa-pagelines</td><td>&amp;#xf18c;</td><td>Brand</td></tr>
<tr><td data-id="18d"><i class="fa fa-fw">&#xf18d</i></td><td>fa-stack-exchange</td><td>&amp;#xf18d;</td><td>Brand</td></tr>
<tr><td data-id="18e"><i class="fa fa-fw">&#xf18e</i></td><td>fa-arrow-circle-o-right</td><td>&amp;#xf18e;</td><td>Directional</td></tr>
<tr><td data-id="190"><i class="fa fa-fw">&#xf190</i></td><td>fa-arrow-circle-o-left</td><td>&amp;#xf190;</td><td>Directional</td></tr>
<tr><td data-id="191"><i class="fa fa-fw">&#xf191</i></td><td>fa-caret-square-o-left</td><td>&amp;#xf191;</td><td>Directional, Web</td></tr>
<tr><td data-id="192"><i class="fa fa-fw">&#xf192</i></td><td>fa-dot-circle-o</td><td>&amp;#xf192;</td><td>Form, Web</td></tr>
<tr><td data-id="193"><i class="fa fa-fw">&#xf193</i></td><td>fa-wheelchair</td><td>&amp;#xf193;</td><td>Medical, Web</td></tr>
<tr><td data-id="194"><i class="fa fa-fw">&#xf194</i></td><td>fa-vimeo-square</td><td>&amp;#xf194;</td><td>Brand</td></tr>
<tr><td data-id="195"><i class="fa fa-fw">&#xf195</i></td><td>fa-try</td><td>&amp;#xf195;</td><td>Currency</td></tr>
</tbody>
</table>
Raw
script.js
$('table').tablesorter({
theme: 'bootstrap',
headerTemplate: '{content}{icon}',
widgets: ['zebra', 'uitheme', 'filter'],
widgetOptions: {
filter_functions: {
3: {
"Brand" : function(e) { return /Brand/.test(e); },
"Currency" : function(e) { return /Currency/.test(e); },
"Directional" : function(e) { return /Directional/.test(e); },
"Editor" : function(e) { return /Editor/.test(e); },
"Form" : function(e) { return /Form/.test(e); },
"Medical" : function(e) { return /Medical/.test(e); },
"Video" : function(e) { return /Video/.test(e); },
"Web" : function(e) { return /Web/.test(e); }
}
}
},
textExtraction: {
0 : function(node) {
// convert hex to decimal
return parseInt( $(node).attr('data-id'), 16 );
},
2 : function(node){
// convert unicode hex to decimal
return parseInt( $(node).text().replace(/&#x/,''), 16 );
}
}
});
Raw
scripts
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery.tablesorter/2.10.8/jquery.tablesorter.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery.tablesorter/2.10.8/jquery.tablesorter.widgets.min.js"></script>
Raw
style.css
body { margin: 10px; }
Raw
styles
<link href="http://netdna.bootstrapcdn.com/font-awesome/4.0.1/css/font-awesome.min.css" rel="stylesheet" />
<link href="http://mottie.github.com/tablesorter/css/theme.bootstrap.css" rel="stylesheet" />
<link href="//netdna.bootstrapcdn.com/bootstrap/2.3.2/css/bootstrap.min.css" rel="stylesheet" />
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment