2013-05-03 00:12:33 +00:00
---
layout: base
title: Using Font Awesome in Your Designs
---
{% capture jumbotron_h1 %}< i class = "icon-copy" > < / i > Copy & < i class = "icon-paste" > < / i > Paste{% endcapture %}
{% capture jumbotron_p %}Install FontAwesome.otf on your system. Then, copy and paste any of these icons to use them in your mockups & designs.{% endcapture %}
2012-12-29 17:38:38 +00:00
2013-05-03 00:12:33 +00:00
{% include jumbotron.html %}
2012-12-29 17:38:38 +00:00
< div class = "container" >
< section >
< div class = "row" >
< div class = "span4" >
< ul class = "unstyled" >
< li > < i class = "icon-" >  < / i > icon-glass < span class = "muted" > (& #xf000;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-music < span class = "muted" > (& #xf001;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-search < span class = "muted" > (& #xf002;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-envelope < span class = "muted" > (& #xf003;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-heart < span class = "muted" > (& #xf004;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-star < span class = "muted" > (& #xf005;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-star-empty < span class = "muted" > (& #xf006;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-user < span class = "muted" > (& #xf007;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-film < span class = "muted" > (& #xf008;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-th-large < span class = "muted" > (& #xf009;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-th < span class = "muted" > (& #xf00a;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-th-list < span class = "muted" > (& #xf00b;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-ok < span class = "muted" > (& #xf00c;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-remove < span class = "muted" > (& #xf00d;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-zoom-in < span class = "muted" > (& #xf00e;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-zoom-out < span class = "muted" > (& #xf010;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-off < span class = "muted" > (& #xf011;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-signal < span class = "muted" > (& #xf012;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-cog < span class = "muted" > (& #xf013;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-trash < span class = "muted" > (& #xf014;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-home < span class = "muted" > (& #xf015;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-file < span class = "muted" > (& #xf016;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-time < span class = "muted" > (& #xf017;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-road < span class = "muted" > (& #xf018;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-download-alt < span class = "muted" > (& #xf019;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-download < span class = "muted" > (& #xf01a;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-upload < span class = "muted" > (& #xf01b;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-inbox < span class = "muted" > (& #xf01c;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-play-circle < span class = "muted" > (& #xf01d;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-repeat < span class = "muted" > (& #xf01e;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-refresh < span class = "muted" > (& #xf021;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-list-alt < span class = "muted" > (& #xf022;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-lock < span class = "muted" > (& #xf023;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-flag < span class = "muted" > (& #xf024;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-headphones < span class = "muted" > (& #xf025;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-volume-off < span class = "muted" > (& #xf026;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-volume-down < span class = "muted" > (& #xf027;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-volume-up < span class = "muted" > (& #xf028;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-qrcode < span class = "muted" > (& #xf029;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-barcode < span class = "muted" > (& #xf02a;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-tag < span class = "muted" > (& #xf02b;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-tags < span class = "muted" > (& #xf02c;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-book < span class = "muted" > (& #xf02d;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-bookmark < span class = "muted" > (& #xf02e;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-print < span class = "muted" > (& #xf02f;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-camera < span class = "muted" > (& #xf030;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-font < span class = "muted" > (& #xf031;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-bold < span class = "muted" > (& #xf032;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-italic < span class = "muted" > (& #xf033;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-text-height < span class = "muted" > (& #xf034;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-text-width < span class = "muted" > (& #xf035;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-align-left < span class = "muted" > (& #xf036;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-align-center < span class = "muted" > (& #xf037;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-align-right < span class = "muted" > (& #xf038;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-align-justify < span class = "muted" > (& #xf039;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-list < span class = "muted" > (& #xf03a;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-indent-left < span class = "muted" > (& #xf03b;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-indent-right < span class = "muted" > (& #xf03c;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-facetime-video < span class = "muted" > (& #xf03d;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-picture < span class = "muted" > (& #xf03e;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-pencil < span class = "muted" > (& #xf040;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-map-marker < span class = "muted" > (& #xf041;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-adjust < span class = "muted" > (& #xf042;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-tint < span class = "muted" > (& #xf043;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-edit < span class = "muted" > (& #xf044;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-share < span class = "muted" > (& #xf045;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-check < span class = "muted" > (& #xf046;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-move < span class = "muted" > (& #xf047;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-step-backward < span class = "muted" > (& #xf048;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-fast-backward < span class = "muted" > (& #xf049;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-backward < span class = "muted" > (& #xf04a;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-play < span class = "muted" > (& #xf04b;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-pause < span class = "muted" > (& #xf04c;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-stop < span class = "muted" > (& #xf04d;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-forward < span class = "muted" > (& #xf04e;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-fast-forward < span class = "muted" > (& #xf050;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-step-forward < span class = "muted" > (& #xf051;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-eject < span class = "muted" > (& #xf052;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-chevron-left < span class = "muted" > (& #xf053;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-chevron-right < span class = "muted" > (& #xf054;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-plus-sign < span class = "muted" > (& #xf055;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-minus-sign < span class = "muted" > (& #xf056;)< / span > < / li >
< / ul >
< / div >
< div class = "span4" >
< ul class = "unstyled" >
< li > < i class = "icon-" >  < / i > icon-remove-sign < span class = "muted" > (& #xf057;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-ok-sign < span class = "muted" > (& #xf058;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-question-sign < span class = "muted" > (& #xf059;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-info-sign < span class = "muted" > (& #xf05a;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-screenshot < span class = "muted" > (& #xf05b;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-remove-circle < span class = "muted" > (& #xf05c;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-ok-circle < span class = "muted" > (& #xf05d;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-ban-circle < span class = "muted" > (& #xf05e;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-arrow-left < span class = "muted" > (& #xf060;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-arrow-right < span class = "muted" > (& #xf061;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-arrow-up < span class = "muted" > (& #xf062;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-arrow-down < span class = "muted" > (& #xf063;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-share-alt < span class = "muted" > (& #xf064;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-resize-full < span class = "muted" > (& #xf065;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-resize-small < span class = "muted" > (& #xf066;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-plus < span class = "muted" > (& #xf067;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-minus < span class = "muted" > (& #xf068;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-asterisk < span class = "muted" > (& #xf069;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-exclamation-sign < span class = "muted" > (& #xf06a;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-gift < span class = "muted" > (& #xf06b;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-leaf < span class = "muted" > (& #xf06c;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-fire < span class = "muted" > (& #xf06d;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-eye-open < span class = "muted" > (& #xf06e;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-eye-close < span class = "muted" > (& #xf070;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-warning-sign < span class = "muted" > (& #xf071;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-plane < span class = "muted" > (& #xf072;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-calendar < span class = "muted" > (& #xf073;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-random < span class = "muted" > (& #xf074;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-comment < span class = "muted" > (& #xf075;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-magnet < span class = "muted" > (& #xf076;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-chevron-up < span class = "muted" > (& #xf077;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-chevron-down < span class = "muted" > (& #xf078;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-retweet < span class = "muted" > (& #xf079;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-shopping-cart < span class = "muted" > (& #xf07a;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-folder-close < span class = "muted" > (& #xf07b;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-folder-open < span class = "muted" > (& #xf07c;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-resize-vertical < span class = "muted" > (& #xf07d;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-resize-horizontal < span class = "muted" > (& #xf07e;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-bar-chart < span class = "muted" > (& #xf080;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-twitter-sign < span class = "muted" > (& #xf081;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-facebook-sign < span class = "muted" > (& #xf082;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-camera-retro < span class = "muted" > (& #xf083;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-key < span class = "muted" > (& #xf084;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-cogs < span class = "muted" > (& #xf085;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-comments < span class = "muted" > (& #xf086;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-thumbs-up < span class = "muted" > (& #xf087;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-thumbs-down < span class = "muted" > (& #xf088;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-star-half < span class = "muted" > (& #xf089;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-heart-empty < span class = "muted" > (& #xf08a;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-signout < span class = "muted" > (& #xf08b;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-linkedin-sign < span class = "muted" > (& #xf08c;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-pushpin < span class = "muted" > (& #xf08d;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-external-link < span class = "muted" > (& #xf08e;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-signin < span class = "muted" > (& #xf090;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-trophy < span class = "muted" > (& #xf091;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-github-sign < span class = "muted" > (& #xf092;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-upload-alt < span class = "muted" > (& #xf093;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-lemon < span class = "muted" > (& #xf094;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-phone < span class = "muted" > (& #xf095;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-check-empty < span class = "muted" > (& #xf096;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-bookmark-empty < span class = "muted" > (& #xf097;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-phone-sign < span class = "muted" > (& #xf098;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-twitter < span class = "muted" > (& #xf099;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-facebook < span class = "muted" > (& #xf09a;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-github < span class = "muted" > (& #xf09b;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-unlock < span class = "muted" > (& #xf09c;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-credit-card < span class = "muted" > (& #xf09d;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-rss < span class = "muted" > (& #xf09e;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-hdd < span class = "muted" > (& #xf0a0;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-bullhorn < span class = "muted" > (& #xf0a1;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-bell < span class = "muted" > (& #xf0a2;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-certificate < span class = "muted" > (& #xf0a3;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-hand-right < span class = "muted" > (& #xf0a4;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-hand-left < span class = "muted" > (& #xf0a5;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-hand-up < span class = "muted" > (& #xf0a6;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-hand-down < span class = "muted" > (& #xf0a7;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-circle-arrow-left < span class = "muted" > (& #xf0a8;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-circle-arrow-right < span class = "muted" > (& #xf0a9;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-circle-arrow-up < span class = "muted" > (& #xf0aa;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-circle-arrow-down < span class = "muted" > (& #xf0ab;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-globe < span class = "muted" > (& #xf0ac;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-wrench < span class = "muted" > (& #xf0ad;)< / span > < / li >
< / ul >
< / div >
< div class = "span4" >
< ul class = "unstyled" >
< li > < i class = "icon-" >  < / i > icon-tasks < span class = "muted" > (& #xf0ae;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-filter < span class = "muted" > (& #xf0b0;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-briefcase < span class = "muted" > (& #xf0b1;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-fullscreen < span class = "muted" > (& #xf0b2;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-group < span class = "muted" > (& #xf0c0;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-link < span class = "muted" > (& #xf0c1;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-cloud < span class = "muted" > (& #xf0c2;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-beaker < span class = "muted" > (& #xf0c3;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-cut < span class = "muted" > (& #xf0c4;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-copy < span class = "muted" > (& #xf0c5;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-paper-clip < span class = "muted" > (& #xf0c6;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-save < span class = "muted" > (& #xf0c7;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-sign-blank < span class = "muted" > (& #xf0c8;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-reorder < span class = "muted" > (& #xf0c9;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-list-ul < span class = "muted" > (& #xf0ca;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-list-ol < span class = "muted" > (& #xf0cb;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-strikethrough < span class = "muted" > (& #xf0cc;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-underline < span class = "muted" > (& #xf0cd;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-table < span class = "muted" > (& #xf0ce;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-magic < span class = "muted" > (& #xf0d0;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-truck < span class = "muted" > (& #xf0d1;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-pinterest < span class = "muted" > (& #xf0d2;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-pinterest-sign < span class = "muted" > (& #xf0d3;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-google-plus-sign < span class = "muted" > (& #xf0d4;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-google-plus < span class = "muted" > (& #xf0d5;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-money < span class = "muted" > (& #xf0d6;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-caret-down < span class = "muted" > (& #xf0d7;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-caret-up < span class = "muted" > (& #xf0d8;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-caret-left < span class = "muted" > (& #xf0d9;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-caret-right < span class = "muted" > (& #xf0da;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-columns < span class = "muted" > (& #xf0db;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-sort < span class = "muted" > (& #xf0dc;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-sort-down < span class = "muted" > (& #xf0dd;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-sort-up < span class = "muted" > (& #xf0de;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-envelope-alt < span class = "muted" > (& #xf0e0;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-linkedin < span class = "muted" > (& #xf0e1;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-undo < span class = "muted" > (& #xf0e2;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-legal < span class = "muted" > (& #xf0e3;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-dashboard < span class = "muted" > (& #xf0e4;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-comment-alt < span class = "muted" > (& #xf0e5;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-comments-alt < span class = "muted" > (& #xf0e6;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-bolt < span class = "muted" > (& #xf0e7;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-sitemap < span class = "muted" > (& #xf0e8;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-umbrella < span class = "muted" > (& #xf0e9;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-paste < span class = "muted" > (& #xf0ea;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-lightbulb < span class = "muted" > (& #xf0eb;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-exchange < span class = "muted" > (& #xf0ec;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-cloud-download < span class = "muted" > (& #xf0ed;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-cloud-upload < span class = "muted" > (& #xf0ee;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-user-md < span class = "muted" > (& #xf0f0;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-stethoscope < span class = "muted" > (& #xf0f1;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-suitcase < span class = "muted" > (& #xf0f2;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-bell-alt < span class = "muted" > (& #xf0f3;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-coffee < span class = "muted" > (& #xf0f4;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-food < span class = "muted" > (& #xf0f5;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-file-alt < span class = "muted" > (& #xf0f6;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-building < span class = "muted" > (& #xf0f7;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-hospital < span class = "muted" > (& #xf0f8;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-ambulance < span class = "muted" > (& #xf0f9;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-medkit < span class = "muted" > (& #xf0fa;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-fighter-jet < span class = "muted" > (& #xf0fb;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-beer < span class = "muted" > (& #xf0fc;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-h-sign < span class = "muted" > (& #xf0fd;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-plus-sign-alt < span class = "muted" > (& #xf0fe;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-double-angle-left < span class = "muted" > (& #xf100;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-double-angle-right < span class = "muted" > (& #xf101;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-double-angle-up < span class = "muted" > (& #xf102;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-double-angle-down < span class = "muted" > (& #xf103;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-angle-left < span class = "muted" > (& #xf104;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-angle-right < span class = "muted" > (& #xf105;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-angle-up < span class = "muted" > (& #xf106;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-angle-down < span class = "muted" > (& #xf107;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-desktop < span class = "muted" > (& #xf108;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-laptop < span class = "muted" > (& #xf109;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-tablet < span class = "muted" > (& #xf10a;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-mobile-phone < span class = "muted" > (& #xf10b;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-circle-blank < span class = "muted" > (& #xf10c;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-quote-left < span class = "muted" > (& #xf10d;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-quote-right < span class = "muted" > (& #xf10e;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-spinner < span class = "muted" > (& #xf110;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-circle < span class = "muted" > (& #xf111;)< / span > < / li >
< li > < i class = "icon-" >  < / i > icon-reply < span class = "muted" > (& #xf112;)< / span > < / li >
< / ul >
< / div >
< / div >
< / section >
< / div >