2016年1月27日

使用 Font Awesome 圖示速查表(cheat sheet), 安裝快速不麻煩

使用 Font Awesome 圖示速查表(cheat sheet), 安裝快速不麻煩

Wayne Fu 0 A+
font-awesome-cheat-sheet-使用 Font Awesome 圖示速查表(cheat sheet), 安裝快速不麻煩最近使用「Font Awesome」替換了網站各處所有的小圖示,包含「社群分享按鈕」、各式側邊欄及網頁底部圖示。由於官網並未提供方便的安裝語法查詢管道,導致必須一一點開個別圖示的頁面來複製語法,因而浪費不少時間。

於是整理了本篇的 Font Awesome 圖示一覽表、以及安裝語法速查表(cheat sheet),有需要的讀者可將網址存在書籤,方便隨時查閱。



一、使用方法


1. 引用 CDN 連結

在網站範本中找個地方引用以下 CDN 連結,例如放在 </head> 前一行,就可以使用 Font Awesome 圖示了:

<link href='https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css' rel='stylesheet'></link>

2. 官網 cheat sheet

這個官網的「Font Awesome 圖示一覽表」雖可查閱所有圖示,但要得到安裝語法,卻得一個個點開圖示、另開頁面才能看到。

font-awesome-official-cheat-sheet-使用 Font Awesome 圖示速查表(cheat sheet), 安裝快速不麻煩

其實官網也有提供「Font Awesome 語法速查表」,如上圖,提供了 "圖示"、"class 名稱"、"Unicode" 等資訊。

說實話,這並不好用,因為複製完還必須加工,使用者要自己填補為完整的 HTML 語法,Font Awesome 圖示才能顯示出來。


3. 速查表 HTML 使用技巧

本篇將官網的表格改良,圖示後面可直接複製 HTML 語法。簡單舉兩個使用範例:
  • 若想使用 FB 圖示,搜尋字串 "facebook" 後,直接複製後面的語法 <i class="fa fa-facebook-official"></i>,就可顯示圖案 ""。
  • 若想使用 "標籤" 圖示,搜尋字串 "tag",直到找到滿意的那一個為止,例如這個圖案 "",那麼複製後面的語法 <i class="fa fa-tags"></i> 即可。

4. 速查表 CSS 使用技巧

如果習慣利用 CSS 來產生圖示,那麼可以利用偽類 :after:before,塞入速查表 CSS 那一欄的內容即可。



二、Font Awesome 速查表


以下的速查表內容,包含了 Font Awesome 最新版本 4.5 的所有圖示,請先按照「圖示字型 Font Awesome 使用方式」→「一、簡介及安裝」的說明,安裝最新版的 Font Awesome。

圖示HTMLUNICODECSS
<i class="fa fa-500px"></i>&#xf26e;content: "\f26e";
<i class="fa fa-adjust"></i>&#xf042;content: "\f042";
<i class="fa fa-adn"></i>&#xf170;content: "\f170";
<i class="fa fa-align-center"></i>&#xf037;content: "\f037";
<i class="fa fa-align-justify"></i>&#xf039;content: "\f039";
<i class="fa fa-align-left"></i>&#xf036;content: "\f036";
<i class="fa fa-align-right"></i>&#xf038;content: "\f038";
<i class="fa fa-amazon"></i>&#xf270;content: "\f270";
<i class="fa fa-ambulance"></i>&#xf0f9;content: "\f0f9";
<i class="fa fa-anchor"></i>&#xf13d;content: "\f13d";
<i class="fa fa-android"></i>&#xf17b;content: "\f17b";
<i class="fa fa-angellist"></i>&#xf209;content: "\f209";
<i class="fa fa-angle-double-down"></i>&#xf103;content: "\f103";
<i class="fa fa-angle-double-left"></i>&#xf100;content: "\f100";
<i class="fa fa-angle-double-right"></i>&#xf101;content: "\f101";
<i class="fa fa-angle-double-up"></i>&#xf102;content: "\f102";
<i class="fa fa-angle-down"></i>&#xf107;content: "\f107";
<i class="fa fa-angle-left"></i>&#xf104;content: "\f104";
<i class="fa fa-angle-right"></i>&#xf105;content: "\f105";
<i class="fa fa-angle-up"></i>&#xf106;content: "\f106";
<i class="fa fa-apple"></i>&#xf179;content: "\f179";
<i class="fa fa-archive"></i>&#xf187;content: "\f187";
<i class="fa fa-area-chart"></i>&#xf1fe;content: "\f1fe";
<i class="fa fa-arrow-circle-down"></i>&#xf0ab;content: "\f0ab";
<i class="fa fa-arrow-circle-left"></i>&#xf0a8;content: "\f0a8";
<i class="fa fa-arrow-circle-o-down"></i>&#xf01a;content: "\f01a";
<i class="fa fa-arrow-circle-o-left"></i>&#xf190;content: "\f190";
<i class="fa fa-arrow-circle-o-right"></i>&#xf18e;content: "\f18e";
<i class="fa fa-arrow-circle-o-up"></i>&#xf01b;content: "\f01b";
<i class="fa fa-arrow-circle-right"></i>&#xf0a9;content: "\f0a9";
<i class="fa fa-arrow-circle-up"></i>&#xf0aa;content: "\f0aa";
<i class="fa fa-arrow-down"></i>&#xf063;content: "\f063";
<i class="fa fa-arrow-left"></i>&#xf060;content: "\f060";
<i class="fa fa-arrow-right"></i>&#xf061;content: "\f061";
<i class="fa fa-arrow-up"></i>&#xf062;content: "\f062";
<i class="fa fa-arrows"></i>&#xf047;content: "\f047";
<i class="fa fa-arrows-alt"></i>&#xf0b2;content: "\f0b2";
<i class="fa fa-arrows-h"></i>&#xf07e;content: "\f07e";
<i class="fa fa-arrows-v"></i>&#xf07d;content: "\f07d";
<i class="fa fa-asterisk"></i>&#xf069;content: "\f069";
<i class="fa fa-at"></i>&#xf1fa;content: "\f1fa";
<i class="fa fa-automobile"></i>&#xf1b9;content: "\f1b9";
<i class="fa fa-backward"></i>&#xf04a;content: "\f04a";
<i class="fa fa-balance-scale"></i>&#xf24e;content: "\f24e";
<i class="fa fa-ban"></i>&#xf05e;content: "\f05e";
<i class="fa fa-bank"></i>&#xf19c;content: "\f19c";
<i class="fa fa-bar-chart"></i>&#xf080;content: "\f080";
<i class="fa fa-bar-chart-o"></i>&#xf080;content: "\f080";
<i class="fa fa-barcode"></i>&#xf02a;content: "\f02a";
<i class="fa fa-bars"></i>&#xf0c9;content: "\f0c9";
<i class="fa fa-battery-0"></i>&#xf244;content: "\f244";
<i class="fa fa-battery-1"></i>&#xf243;content: "\f243";
<i class="fa fa-battery-2"></i>&#xf242;content: "\f242";
<i class="fa fa-battery-3"></i>&#xf241;content: "\f241";
<i class="fa fa-battery-4"></i>&#xf240;content: "\f240";
<i class="fa fa-battery-empty"></i>&#xf244;content: "\f244";
<i class="fa fa-battery-full"></i>&#xf240;content: "\f240";
<i class="fa fa-battery-half"></i>&#xf242;content: "\f242";
<i class="fa fa-battery-quarter"></i>&#xf243;content: "\f243";
<i class="fa fa-battery-three-quarters"></i>&#xf241;content: "\f241";
<i class="fa fa-bed"></i>&#xf236;content: "\f236";
<i class="fa fa-beer"></i>&#xf0fc;content: "\f0fc";
<i class="fa fa-behance"></i>&#xf1b4;content: "\f1b4";
<i class="fa fa-behance-square"></i>&#xf1b5;content: "\f1b5";
<i class="fa fa-bell"></i>&#xf0f3;content: "\f0f3";
<i class="fa fa-bell-o"></i>&#xf0a2;content: "\f0a2";
<i class="fa fa-bell-slash"></i>&#xf1f6;content: "\f1f6";
<i class="fa fa-bell-slash-o"></i>&#xf1f7;content: "\f1f7";
<i class="fa fa-bicycle"></i>&#xf206;content: "\f206";
<i class="fa fa-binoculars"></i>&#xf1e5;content: "\f1e5";
<i class="fa fa-birthday-cake"></i>&#xf1fd;content: "\f1fd";
<i class="fa fa-bitbucket"></i>&#xf171;content: "\f171";
<i class="fa fa-bitbucket-square"></i>&#xf172;content: "\f172";
<i class="fa fa-bitcoin"></i>&#xf15a;content: "\f15a";
<i class="fa fa-black-tie"></i>&#xf27e;content: "\f27e";
<i class="fa fa-bluetooth"></i>&#xf293;content: "\f293";
<i class="fa fa-bluetooth-b"></i>&#xf294;content: "\f294";
<i class="fa fa-bold"></i>&#xf032;content: "\f032";
<i class="fa fa-bolt"></i>&#xf0e7;content: "\f0e7";
<i class="fa fa-bomb"></i>&#xf1e2;content: "\f1e2";
<i class="fa fa-book"></i>&#xf02d;content: "\f02d";
<i class="fa fa-bookmark"></i>&#xf02e;content: "\f02e";
<i class="fa fa-bookmark-o"></i>&#xf097;content: "\f097";
<i class="fa fa-briefcase"></i>&#xf0b1;content: "\f0b1";
<i class="fa fa-btc"></i>&#xf15a;content: "\f15a";
<i class="fa fa-bug"></i>&#xf188;content: "\f188";
<i class="fa fa-building"></i>&#xf1ad;content: "\f1ad";
<i class="fa fa-building-o"></i>&#xf0f7;content: "\f0f7";
<i class="fa fa-bullhorn"></i>&#xf0a1;content: "\f0a1";
<i class="fa fa-bullseye"></i>&#xf140;content: "\f140";
<i class="fa fa-bus"></i>&#xf207;content: "\f207";
<i class="fa fa-buysellads"></i>&#xf20d;content: "\f20d";
<i class="fa fa-cab"></i>&#xf1ba;content: "\f1ba";
<i class="fa fa-calculator"></i>&#xf1ec;content: "\f1ec";
<i class="fa fa-calendar"></i>&#xf073;content: "\f073";
<i class="fa fa-calendar-check-o"></i>&#xf274;content: "\f274";
<i class="fa fa-calendar-minus-o"></i>&#xf272;content: "\f272";
<i class="fa fa-calendar-o"></i>&#xf133;content: "\f133";
<i class="fa fa-calendar-plus-o"></i>&#xf271;content: "\f271";
<i class="fa fa-calendar-times-o"></i>&#xf273;content: "\f273";
<i class="fa fa-camera"></i>&#xf030;content: "\f030";
<i class="fa fa-camera-retro"></i>&#xf083;content: "\f083";
<i class="fa fa-car"></i>&#xf1b9;content: "\f1b9";
<i class="fa fa-caret-down"></i>&#xf0d7;content: "\f0d7";
<i class="fa fa-caret-left"></i>&#xf0d9;content: "\f0d9";
<i class="fa fa-caret-right"></i>&#xf0da;content: "\f0da";
<i class="fa fa-caret-square-o-down"></i>&#xf150;content: "\f150";
<i class="fa fa-caret-square-o-left"></i>&#xf191;content: "\f191";
<i class="fa fa-caret-square-o-right"></i>&#xf152;content: "\f152";
<i class="fa fa-caret-square-o-up"></i>&#xf151;content: "\f151";
<i class="fa fa-caret-up"></i>&#xf0d8;content: "\f0d8";
<i class="fa fa-cart-arrow-down"></i>&#xf218;content: "\f218";
<i class="fa fa-cart-plus"></i>&#xf217;content: "\f217";
<i class="fa fa-cc"></i>&#xf20a;content: "\f20a";
<i class="fa fa-cc-amex"></i>&#xf1f3;content: "\f1f3";
<i class="fa fa-cc-diners-club"></i>&#xf24c;content: "\f24c";
<i class="fa fa-cc-discover"></i>&#xf1f2;content: "\f1f2";
<i class="fa fa-cc-jcb"></i>&#xf24b;content: "\f24b";
<i class="fa fa-cc-mastercard"></i>&#xf1f1;content: "\f1f1";
<i class="fa fa-cc-paypal"></i>&#xf1f4;content: "\f1f4";
<i class="fa fa-cc-stripe"></i>&#xf1f5;content: "\f1f5";
<i class="fa fa-cc-visa"></i>&#xf1f0;content: "\f1f0";
<i class="fa fa-certificate"></i>&#xf0a3;content: "\f0a3";
<i class="fa fa-chain"></i>&#xf0c1;content: "\f0c1";
<i class="fa fa-chain-broken"></i>&#xf127;content: "\f127";
<i class="fa fa-check"></i>&#xf00c;content: "\f00c";
<i class="fa fa-check-circle"></i>&#xf058;content: "\f058";
<i class="fa fa-check-circle-o"></i>&#xf05d;content: "\f05d";
<i class="fa fa-check-square"></i>&#xf14a;content: "\f14a";
<i class="fa fa-check-square-o"></i>&#xf046;content: "\f046";
<i class="fa fa-chevron-circle-down"></i>&#xf13a;content: "\f13a";
<i class="fa fa-chevron-circle-left"></i>&#xf137;content: "\f137";
<i class="fa fa-chevron-circle-right"></i>&#xf138;content: "\f138";
<i class="fa fa-chevron-circle-up"></i>&#xf139;content: "\f139";
<i class="fa fa-chevron-down"></i>&#xf078;content: "\f078";
<i class="fa fa-chevron-left"></i>&#xf053;content: "\f053";
<i class="fa fa-chevron-right"></i>&#xf054;content: "\f054";
<i class="fa fa-chevron-up"></i>&#xf077;content: "\f077";
<i class="fa fa-child"></i>&#xf1ae;content: "\f1ae";
<i class="fa fa-chrome"></i>&#xf268;content: "\f268";
<i class="fa fa-circle"></i>&#xf111;content: "\f111";
<i class="fa fa-circle-o"></i>&#xf10c;content: "\f10c";
<i class="fa fa-circle-o-notch"></i>&#xf1ce;content: "\f1ce";
<i class="fa fa-circle-thin"></i>&#xf1db;content: "\f1db";
<i class="fa fa-clipboard"></i>&#xf0ea;content: "\f0ea";
<i class="fa fa-clock-o"></i>&#xf017;content: "\f017";
<i class="fa fa-clone"></i>&#xf24d;content: "\f24d";
<i class="fa fa-close"></i>&#xf00d;content: "\f00d";
<i class="fa fa-cloud"></i>&#xf0c2;content: "\f0c2";
<i class="fa fa-cloud-download"></i>&#xf0ed;content: "\f0ed";
<i class="fa fa-cloud-upload"></i>&#xf0ee;content: "\f0ee";
<i class="fa fa-cny"></i>&#xf157;content: "\f157";
<i class="fa fa-code"></i>&#xf121;content: "\f121";
<i class="fa fa-code-fork"></i>&#xf126;content: "\f126";
<i class="fa fa-codepen"></i>&#xf1cb;content: "\f1cb";
<i class="fa fa-codiepie"></i>&#xf284;content: "\f284";
<i class="fa fa-coffee"></i>&#xf0f4;content: "\f0f4";
<i class="fa fa-cog"></i>&#xf013;content: "\f013";
<i class="fa fa-cogs"></i>&#xf085;content: "\f085";
<i class="fa fa-columns"></i>&#xf0db;content: "\f0db";
<i class="fa fa-comment"></i>&#xf075;content: "\f075";
<i class="fa fa-comment-o"></i>&#xf0e5;content: "\f0e5";
<i class="fa fa-commenting"></i>&#xf27a;content: "\f27a";
<i class="fa fa-commenting-o"></i>&#xf27b;content: "\f27b";
<i class="fa fa-comments"></i>&#xf086;content: "\f086";
<i class="fa fa-comments-o"></i>&#xf0e6;content: "\f0e6";
<i class="fa fa-compass"></i>&#xf14e;content: "\f14e";
<i class="fa fa-compress"></i>&#xf066;content: "\f066";
<i class="fa fa-connectdevelop"></i>&#xf20e;content: "\f20e";
<i class="fa fa-contao"></i>&#xf26d;content: "\f26d";
<i class="fa fa-copy"></i>&#xf0c5;content: "\f0c5";
<i class="fa fa-copyright"></i>&#xf1f9;content: "\f1f9";
<i class="fa fa-creative-commons"></i>&#xf25e;content: "\f25e";
<i class="fa fa-credit-card"></i>&#xf09d;content: "\f09d";
<i class="fa fa-credit-card-alt"></i>&#xf283;content: "\f283";
<i class="fa fa-crop"></i>&#xf125;content: "\f125";
<i class="fa fa-crosshairs"></i>&#xf05b;content: "\f05b";
<i class="fa fa-css3"></i>&#xf13c;content: "\f13c";
<i class="fa fa-cube"></i>&#xf1b2;content: "\f1b2";
<i class="fa fa-cubes"></i>&#xf1b3;content: "\f1b3";
<i class="fa fa-cut"></i>&#xf0c4;content: "\f0c4";
<i class="fa fa-cutlery"></i>&#xf0f5;content: "\f0f5";
<i class="fa fa-dashboard"></i>&#xf0e4;content: "\f0e4";
<i class="fa fa-dashcube"></i>&#xf210;content: "\f210";
<i class="fa fa-database"></i>&#xf1c0;content: "\f1c0";
<i class="fa fa-dedent"></i>&#xf03b;content: "\f03b";
<i class="fa fa-delicious"></i>&#xf1a5;content: "\f1a5";
<i class="fa fa-desktop"></i>&#xf108;content: "\f108";
<i class="fa fa-deviantart"></i>&#xf1bd;content: "\f1bd";
<i class="fa fa-diamond"></i>&#xf219;content: "\f219";
<i class="fa fa-digg"></i>&#xf1a6;content: "\f1a6";
<i class="fa fa-dollar"></i>&#xf155;content: "\f155";
<i class="fa fa-dot-circle-o"></i>&#xf192;content: "\f192";
<i class="fa fa-download"></i>&#xf019;content: "\f019";
<i class="fa fa-dribbble"></i>&#xf17d;content: "\f17d";
<i class="fa fa-dropbox"></i>&#xf16b;content: "\f16b";
<i class="fa fa-drupal"></i>&#xf1a9;content: "\f1a9";
<i class="fa fa-edge"></i>&#xf282;content: "\f282";
<i class="fa fa-edit"></i>&#xf044;content: "\f044";
<i class="fa fa-eject"></i>&#xf052;content: "\f052";
<i class="fa fa-ellipsis-h"></i>&#xf141;content: "\f141";
<i class="fa fa-ellipsis-v"></i>&#xf142;content: "\f142";
<i class="fa fa-empire"></i>&#xf1d1;content: "\f1d1";
<i class="fa fa-envelope"></i>&#xf0e0;content: "\f0e0";
<i class="fa fa-envelope-o"></i>&#xf003;content: "\f003";
<i class="fa fa-envelope-square"></i>&#xf199;content: "\f199";
<i class="fa fa-eraser"></i>&#xf12d;content: "\f12d";
<i class="fa fa-eur"></i>&#xf153;content: "\f153";
<i class="fa fa-euro"></i>&#xf153;content: "\f153";
<i class="fa fa-exchange"></i>&#xf0ec;content: "\f0ec";
<i class="fa fa-exclamation"></i>&#xf12a;content: "\f12a";
<i class="fa fa-exclamation-circle"></i>&#xf06a;content: "\f06a";
<i class="fa fa-exclamation-triangle"></i>&#xf071;content: "\f071";
<i class="fa fa-expand"></i>&#xf065;content: "\f065";
<i class="fa fa-expeditedssl"></i>&#xf23e;content: "\f23e";
<i class="fa fa-external-link"></i>&#xf08e;content: "\f08e";
<i class="fa fa-external-link-square"></i>&#xf14c;content: "\f14c";
<i class="fa fa-eye"></i>&#xf06e;content: "\f06e";
<i class="fa fa-eye-slash"></i>&#xf070;content: "\f070";
<i class="fa fa-eyedropper"></i>&#xf1fb;content: "\f1fb";
<i class="fa fa-facebook"></i>&#xf09a;content: "\f09a";
<i class="fa fa-facebook-f"></i>&#xf09a;content: "\f09a";
<i class="fa fa-facebook-official"></i>&#xf230;content: "\f230";
<i class="fa fa-facebook-square"></i>&#xf082;content: "\f082";
<i class="fa fa-fast-backward"></i>&#xf049;content: "\f049";
<i class="fa fa-fast-forward"></i>&#xf050;content: "\f050";
<i class="fa fa-fax"></i>&#xf1ac;content: "\f1ac";
<i class="fa fa-feed"></i>&#xf09e;content: "\f09e";
<i class="fa fa-female"></i>&#xf182;content: "\f182";
<i class="fa fa-fighter-jet"></i>&#xf0fb;content: "\f0fb";
<i class="fa fa-file"></i>&#xf15b;content: "\f15b";
<i class="fa fa-file-archive-o"></i>&#xf1c6;content: "\f1c6";
<i class="fa fa-file-audio-o"></i>&#xf1c7;content: "\f1c7";
<i class="fa fa-file-code-o"></i>&#xf1c9;content: "\f1c9";
<i class="fa fa-file-excel-o"></i>&#xf1c3;content: "\f1c3";
<i class="fa fa-file-image-o"></i>&#xf1c5;content: "\f1c5";
<i class="fa fa-file-movie-o"></i>&#xf1c8;content: "\f1c8";
<i class="fa fa-file-o"></i>&#xf016;content: "\f016";
<i class="fa fa-file-pdf-o"></i>&#xf1c1;content: "\f1c1";
<i class="fa fa-file-photo-o"></i>&#xf1c5;content: "\f1c5";
<i class="fa fa-file-picture-o"></i>&#xf1c5;content: "\f1c5";
<i class="fa fa-file-powerpoint-o"></i>&#xf1c4;content: "\f1c4";
<i class="fa fa-file-sound-o"></i>&#xf1c7;content: "\f1c7";
<i class="fa fa-file-text"></i>&#xf15c;content: "\f15c";
<i class="fa fa-file-text-o"></i>&#xf0f6;content: "\f0f6";
<i class="fa fa-file-video-o"></i>&#xf1c8;content: "\f1c8";
<i class="fa fa-file-word-o"></i>&#xf1c2;content: "\f1c2";
<i class="fa fa-file-zip-o"></i>&#xf1c6;content: "\f1c6";
<i class="fa fa-files-o"></i>&#xf0c5;content: "\f0c5";
<i class="fa fa-film"></i>&#xf008;content: "\f008";
<i class="fa fa-filter"></i>&#xf0b0;content: "\f0b0";
<i class="fa fa-fire"></i>&#xf06d;content: "\f06d";
<i class="fa fa-fire-extinguisher"></i>&#xf134;content: "\f134";
<i class="fa fa-firefox"></i>&#xf269;content: "\f269";
<i class="fa fa-flag"></i>&#xf024;content: "\f024";
<i class="fa fa-flag-checkered"></i>&#xf11e;content: "\f11e";
<i class="fa fa-flag-o"></i>&#xf11d;content: "\f11d";
<i class="fa fa-flash"></i>&#xf0e7;content: "\f0e7";
<i class="fa fa-flask"></i>&#xf0c3;content: "\f0c3";
<i class="fa fa-flickr"></i>&#xf16e;content: "\f16e";
<i class="fa fa-floppy-o"></i>&#xf0c7;content: "\f0c7";
<i class="fa fa-folder"></i>&#xf07b;content: "\f07b";
<i class="fa fa-folder-o"></i>&#xf114;content: "\f114";
<i class="fa fa-folder-open"></i>&#xf07c;content: "\f07c";
<i class="fa fa-folder-open-o"></i>&#xf115;content: "\f115";
<i class="fa fa-font"></i>&#xf031;content: "\f031";
<i class="fa fa-fonticons"></i>&#xf280;content: "\f280";
<i class="fa fa-fort-awesome"></i>&#xf286;content: "\f286";
<i class="fa fa-forumbee"></i>&#xf211;content: "\f211";
<i class="fa fa-forward"></i>&#xf04e;content: "\f04e";
<i class="fa fa-foursquare"></i>&#xf180;content: "\f180";
<i class="fa fa-frown-o"></i>&#xf119;content: "\f119";
<i class="fa fa-futbol-o"></i>&#xf1e3;content: "\f1e3";
<i class="fa fa-gamepad"></i>&#xf11b;content: "\f11b";
<i class="fa fa-gavel"></i>&#xf0e3;content: "\f0e3";
<i class="fa fa-gbp"></i>&#xf154;content: "\f154";
<i class="fa fa-ge"></i>&#xf1d1;content: "\f1d1";
<i class="fa fa-gear"></i>&#xf013;content: "\f013";
<i class="fa fa-gears"></i>&#xf085;content: "\f085";
<i class="fa fa-genderless"></i>&#xf22d;content: "\f22d";
<i class="fa fa-get-pocket"></i>&#xf265;content: "\f265";
<i class="fa fa-gg"></i>&#xf260;content: "\f260";
<i class="fa fa-gg-circle"></i>&#xf261;content: "\f261";
<i class="fa fa-gift"></i>&#xf06b;content: "\f06b";
<i class="fa fa-git"></i>&#xf1d3;content: "\f1d3";
<i class="fa fa-git-square"></i>&#xf1d2;content: "\f1d2";
<i class="fa fa-github"></i>&#xf09b;content: "\f09b";
<i class="fa fa-github-alt"></i>&#xf113;content: "\f113";
<i class="fa fa-github-square"></i>&#xf092;content: "\f092";
<i class="fa fa-gittip"></i>&#xf184;content: "\f184";
<i class="fa fa-glass"></i>&#xf000;content: "\f000";
<i class="fa fa-globe"></i>&#xf0ac;content: "\f0ac";
<i class="fa fa-google"></i>&#xf1a0;content: "\f1a0";
<i class="fa fa-google-plus"></i>&#xf0d5;content: "\f0d5";
<i class="fa fa-google-plus-square"></i>&#xf0d4;content: "\f0d4";
<i class="fa fa-google-wallet"></i>&#xf1ee;content: "\f1ee";
<i class="fa fa-graduation-cap"></i>&#xf19d;content: "\f19d";
<i class="fa fa-gratipay"></i>&#xf184;content: "\f184";
<i class="fa fa-group"></i>&#xf0c0;content: "\f0c0";
<i class="fa fa-h-square"></i>&#xf0fd;content: "\f0fd";
<i class="fa fa-hacker-news"></i>&#xf1d4;content: "\f1d4";
<i class="fa fa-hand-grab-o"></i>&#xf255;content: "\f255";
<i class="fa fa-hand-lizard-o"></i>&#xf258;content: "\f258";
<i class="fa fa-hand-o-down"></i>&#xf0a7;content: "\f0a7";
<i class="fa fa-hand-o-left"></i>&#xf0a5;content: "\f0a5";
<i class="fa fa-hand-o-right"></i>&#xf0a4;content: "\f0a4";
<i class="fa fa-hand-o-up"></i>&#xf0a6;content: "\f0a6";
<i class="fa fa-hand-paper-o"></i>&#xf256;content: "\f256";
<i class="fa fa-hand-peace-o"></i>&#xf25b;content: "\f25b";
<i class="fa fa-hand-pointer-o"></i>&#xf25a;content: "\f25a";
<i class="fa fa-hand-rock-o"></i>&#xf255;content: "\f255";
<i class="fa fa-hand-scissors-o"></i>&#xf257;content: "\f257";
<i class="fa fa-hand-spock-o"></i>&#xf259;content: "\f259";
<i class="fa fa-hand-stop-o"></i>&#xf256;content: "\f256";
<i class="fa fa-hashtag"></i>&#xf292;content: "\f292";
<i class="fa fa-hdd-o"></i>&#xf0a0;content: "\f0a0";
<i class="fa fa-header"></i>&#xf1dc;content: "\f1dc";
<i class="fa fa-headphones"></i>&#xf025;content: "\f025";
<i class="fa fa-heart"></i>&#xf004;content: "\f004";
<i class="fa fa-heart-o"></i>&#xf08a;content: "\f08a";
<i class="fa fa-heartbeat"></i>&#xf21e;content: "\f21e";
<i class="fa fa-history"></i>&#xf1da;content: "\f1da";
<i class="fa fa-home"></i>&#xf015;content: "\f015";
<i class="fa fa-hospital-o"></i>&#xf0f8;content: "\f0f8";
<i class="fa fa-hotel"></i>&#xf236;content: "\f236";
<i class="fa fa-hourglass"></i>&#xf254;content: "\f254";
<i class="fa fa-hourglass-1"></i>&#xf251;content: "\f251";
<i class="fa fa-hourglass-2"></i>&#xf252;content: "\f252";
<i class="fa fa-hourglass-3"></i>&#xf253;content: "\f253";
<i class="fa fa-hourglass-end"></i>&#xf253;content: "\f253";
<i class="fa fa-hourglass-half"></i>&#xf252;content: "\f252";
<i class="fa fa-hourglass-o"></i>&#xf250;content: "\f250";
<i class="fa fa-hourglass-start"></i>&#xf251;content: "\f251";
<i class="fa fa-houzz"></i>&#xf27c;content: "\f27c";
<i class="fa fa-html5"></i>&#xf13b;content: "\f13b";
<i class="fa fa-i-cursor"></i>&#xf246;content: "\f246";
<i class="fa fa-ils"></i>&#xf20b;content: "\f20b";
<i class="fa fa-image"></i>&#xf03e;content: "\f03e";
<i class="fa fa-inbox"></i>&#xf01c;content: "\f01c";
<i class="fa fa-indent"></i>&#xf03c;content: "\f03c";
<i class="fa fa-industry"></i>&#xf275;content: "\f275";
<i class="fa fa-info"></i>&#xf129;content: "\f129";
<i class="fa fa-info-circle"></i>&#xf05a;content: "\f05a";
<i class="fa fa-inr"></i>&#xf156;content: "\f156";
<i class="fa fa-instagram"></i>&#xf16d;content: "\f16d";
<i class="fa fa-institution"></i>&#xf19c;content: "\f19c";
<i class="fa fa-internet-explorer"></i>&#xf26b;content: "\f26b";
<i class="fa fa-intersex"></i>&#xf224;content: "\f224";
<i class="fa fa-ioxhost"></i>&#xf208;content: "\f208";
<i class="fa fa-italic"></i>&#xf033;content: "\f033";
<i class="fa fa-joomla"></i>&#xf1aa;content: "\f1aa";
<i class="fa fa-jpy"></i>&#xf157;content: "\f157";
<i class="fa fa-jsfiddle"></i>&#xf1cc;content: "\f1cc";
<i class="fa fa-key"></i>&#xf084;content: "\f084";
<i class="fa fa-keyboard-o"></i>&#xf11c;content: "\f11c";
<i class="fa fa-krw"></i>&#xf159;content: "\f159";
<i class="fa fa-language"></i>&#xf1ab;content: "\f1ab";
<i class="fa fa-laptop"></i>&#xf109;content: "\f109";
<i class="fa fa-lastfm"></i>&#xf202;content: "\f202";
<i class="fa fa-lastfm-square"></i>&#xf203;content: "\f203";
<i class="fa fa-leaf"></i>&#xf06c;content: "\f06c";
<i class="fa fa-leanpub"></i>&#xf212;content: "\f212";
<i class="fa fa-legal"></i>&#xf0e3;content: "\f0e3";
<i class="fa fa-lemon-o"></i>&#xf094;content: "\f094";
<i class="fa fa-level-down"></i>&#xf149;content: "\f149";
<i class="fa fa-level-up"></i>&#xf148;content: "\f148";
<i class="fa fa-life-bouy"></i>&#xf1cd;content: "\f1cd";
<i class="fa fa-life-buoy"></i>&#xf1cd;content: "\f1cd";
<i class="fa fa-life-ring"></i>&#xf1cd;content: "\f1cd";
<i class="fa fa-life-saver"></i>&#xf1cd;content: "\f1cd";
<i class="fa fa-lightbulb-o"></i>&#xf0eb;content: "\f0eb";
<i class="fa fa-line-chart"></i>&#xf201;content: "\f201";
<i class="fa fa-link"></i>&#xf0c1;content: "\f0c1";
<i class="fa fa-linkedin"></i>&#xf0e1;content: "\f0e1";
<i class="fa fa-linkedin-square"></i>&#xf08c;content: "\f08c";
<i class="fa fa-linux"></i>&#xf17c;content: "\f17c";
<i class="fa fa-list"></i>&#xf03a;content: "\f03a";
<i class="fa fa-list-alt"></i>&#xf022;content: "\f022";
<i class="fa fa-list-ol"></i>&#xf0cb;content: "\f0cb";
<i class="fa fa-list-ul"></i>&#xf0ca;content: "\f0ca";
<i class="fa fa-location-arrow"></i>&#xf124;content: "\f124";
<i class="fa fa-lock"></i>&#xf023;content: "\f023";
<i class="fa fa-long-arrow-down"></i>&#xf175;content: "\f175";
<i class="fa fa-long-arrow-left"></i>&#xf177;content: "\f177";
<i class="fa fa-long-arrow-right"></i>&#xf178;content: "\f178";
<i class="fa fa-long-arrow-up"></i>&#xf176;content: "\f176";
<i class="fa fa-magic"></i>&#xf0d0;content: "\f0d0";
<i class="fa fa-magnet"></i>&#xf076;content: "\f076";
<i class="fa fa-mail-forward"></i>&#xf064;content: "\f064";
<i class="fa fa-mail-reply"></i>&#xf112;content: "\f112";
<i class="fa fa-mail-reply-all"></i>&#xf122;content: "\f122";
<i class="fa fa-male"></i>&#xf183;content: "\f183";
<i class="fa fa-map"></i>&#xf279;content: "\f279";
<i class="fa fa-map-marker"></i>&#xf041;content: "\f041";
<i class="fa fa-map-o"></i>&#xf278;content: "\f278";
<i class="fa fa-map-pin"></i>&#xf276;content: "\f276";
<i class="fa fa-map-signs"></i>&#xf277;content: "\f277";
<i class="fa fa-mars"></i>&#xf222;content: "\f222";
<i class="fa fa-mars-double"></i>&#xf227;content: "\f227";
<i class="fa fa-mars-stroke"></i>&#xf229;content: "\f229";
<i class="fa fa-mars-stroke-h"></i>&#xf22b;content: "\f22b";
<i class="fa fa-mars-stroke-v"></i>&#xf22a;content: "\f22a";
<i class="fa fa-maxcdn"></i>&#xf136;content: "\f136";
<i class="fa fa-meanpath"></i>&#xf20c;content: "\f20c";
<i class="fa fa-medium"></i>&#xf23a;content: "\f23a";
<i class="fa fa-medkit"></i>&#xf0fa;content: "\f0fa";
<i class="fa fa-meh-o"></i>&#xf11a;content: "\f11a";
<i class="fa fa-mercury"></i>&#xf223;content: "\f223";
<i class="fa fa-microphone"></i>&#xf130;content: "\f130";
<i class="fa fa-microphone-slash"></i>&#xf131;content: "\f131";
<i class="fa fa-minus"></i>&#xf068;content: "\f068";
<i class="fa fa-minus-circle"></i>&#xf056;content: "\f056";
<i class="fa fa-minus-square"></i>&#xf146;content: "\f146";
<i class="fa fa-minus-square-o"></i>&#xf147;content: "\f147";
<i class="fa fa-mixcloud"></i>&#xf289;content: "\f289";
<i class="fa fa-mobile"></i>&#xf10b;content: "\f10b";
<i class="fa fa-mobile-phone"></i>&#xf10b;content: "\f10b";
<i class="fa fa-modx"></i>&#xf285;content: "\f285";
<i class="fa fa-money"></i>&#xf0d6;content: "\f0d6";
<i class="fa fa-moon-o"></i>&#xf186;content: "\f186";
<i class="fa fa-mortar-board"></i>&#xf19d;content: "\f19d";
<i class="fa fa-motorcycle"></i>&#xf21c;content: "\f21c";
<i class="fa fa-mouse-pointer"></i>&#xf245;content: "\f245";
<i class="fa fa-music"></i>&#xf001;content: "\f001";
<i class="fa fa-navicon"></i>&#xf0c9;content: "\f0c9";
<i class="fa fa-neuter"></i>&#xf22c;content: "\f22c";
<i class="fa fa-newspaper-o"></i>&#xf1ea;content: "\f1ea";
<i class="fa fa-object-group"></i>&#xf247;content: "\f247";
<i class="fa fa-object-ungroup"></i>&#xf248;content: "\f248";
<i class="fa fa-odnoklassniki"></i>&#xf263;content: "\f263";
<i class="fa fa-odnoklassniki-square"></i>&#xf264;content: "\f264";
<i class="fa fa-opencart"></i>&#xf23d;content: "\f23d";
<i class="fa fa-openid"></i>&#xf19b;content: "\f19b";
<i class="fa fa-opera"></i>&#xf26a;content: "\f26a";
<i class="fa fa-optin-monster"></i>&#xf23c;content: "\f23c";
<i class="fa fa-outdent"></i>&#xf03b;content: "\f03b";
<i class="fa fa-pagelines"></i>&#xf18c;content: "\f18c";
<i class="fa fa-paint-brush"></i>&#xf1fc;content: "\f1fc";
<i class="fa fa-paper-plane"></i>&#xf1d8;content: "\f1d8";
<i class="fa fa-paper-plane-o"></i>&#xf1d9;content: "\f1d9";
<i class="fa fa-paperclip"></i>&#xf0c6;content: "\f0c6";
<i class="fa fa-paragraph"></i>&#xf1dd;content: "\f1dd";
<i class="fa fa-paste"></i>&#xf0ea;content: "\f0ea";
<i class="fa fa-pause"></i>&#xf04c;content: "\f04c";
<i class="fa fa-pause-circle"></i>&#xf28b;content: "\f28b";
<i class="fa fa-pause-circle-o"></i>&#xf28c;content: "\f28c";
<i class="fa fa-paw"></i>&#xf1b0;content: "\f1b0";
<i class="fa fa-paypal"></i>&#xf1ed;content: "\f1ed";
<i class="fa fa-pencil"></i>&#xf040;content: "\f040";
<i class="fa fa-pencil-square"></i>&#xf14b;content: "\f14b";
<i class="fa fa-pencil-square-o"></i>&#xf044;content: "\f044";
<i class="fa fa-percent"></i>&#xf295;content: "\f295";
<i class="fa fa-phone"></i>&#xf095;content: "\f095";
<i class="fa fa-phone-square"></i>&#xf098;content: "\f098";
<i class="fa fa-photo"></i>&#xf03e;content: "\f03e";
<i class="fa fa-picture-o"></i>&#xf03e;content: "\f03e";
<i class="fa fa-pie-chart"></i>&#xf200;content: "\f200";
<i class="fa fa-pied-piper"></i>&#xf1a7;content: "\f1a7";
<i class="fa fa-pied-piper-alt"></i>&#xf1a8;content: "\f1a8";
<i class="fa fa-pinterest"></i>&#xf0d2;content: "\f0d2";
<i class="fa fa-pinterest-p"></i>&#xf231;content: "\f231";
<i class="fa fa-pinterest-square"></i>&#xf0d3;content: "\f0d3";
<i class="fa fa-plane"></i>&#xf072;content: "\f072";
<i class="fa fa-play"></i>&#xf04b;content: "\f04b";
<i class="fa fa-play-circle"></i>&#xf144;content: "\f144";
<i class="fa fa-play-circle-o"></i>&#xf01d;content: "\f01d";
<i class="fa fa-plug"></i>&#xf1e6;content: "\f1e6";
<i class="fa fa-plus"></i>&#xf067;content: "\f067";
<i class="fa fa-plus-circle"></i>&#xf055;content: "\f055";
<i class="fa fa-plus-square"></i>&#xf0fe;content: "\f0fe";
<i class="fa fa-plus-square-o"></i>&#xf196;content: "\f196";
<i class="fa fa-power-off"></i>&#xf011;content: "\f011";
<i class="fa fa-print"></i>&#xf02f;content: "\f02f";
<i class="fa fa-product-hunt"></i>&#xf288;content: "\f288";
<i class="fa fa-puzzle-piece"></i>&#xf12e;content: "\f12e";
<i class="fa fa-qq"></i>&#xf1d6;content: "\f1d6";
<i class="fa fa-qrcode"></i>&#xf029;content: "\f029";
<i class="fa fa-question"></i>&#xf128;content: "\f128";
<i class="fa fa-question-circle"></i>&#xf059;content: "\f059";
<i class="fa fa-quote-left"></i>&#xf10d;content: "\f10d";
<i class="fa fa-quote-right"></i>&#xf10e;content: "\f10e";
<i class="fa fa-ra"></i>&#xf1d0;content: "\f1d0";
<i class="fa fa-random"></i>&#xf074;content: "\f074";
<i class="fa fa-rebel"></i>&#xf1d0;content: "\f1d0";
<i class="fa fa-recycle"></i>&#xf1b8;content: "\f1b8";
<i class="fa fa-reddit"></i>&#xf1a1;content: "\f1a1";
<i class="fa fa-reddit-alien"></i>&#xf281;content: "\f281";
<i class="fa fa-reddit-square"></i>&#xf1a2;content: "\f1a2";
<i class="fa fa-refresh"></i>&#xf021;content: "\f021";
<i class="fa fa-registered"></i>&#xf25d;content: "\f25d";
<i class="fa fa-remove"></i>&#xf00d;content: "\f00d";
<i class="fa fa-renren"></i>&#xf18b;content: "\f18b";
<i class="fa fa-reorder"></i>&#xf0c9;content: "\f0c9";
<i class="fa fa-repeat"></i>&#xf01e;content: "\f01e";
<i class="fa fa-reply"></i>&#xf112;content: "\f112";
<i class="fa fa-reply-all"></i>&#xf122;content: "\f122";
<i class="fa fa-retweet"></i>&#xf079;content: "\f079";
<i class="fa fa-rmb"></i>&#xf157;content: "\f157";
<i class="fa fa-road"></i>&#xf018;content: "\f018";
<i class="fa fa-rocket"></i>&#xf135;content: "\f135";
<i class="fa fa-rotate-left"></i>&#xf0e2;content: "\f0e2";
<i class="fa fa-rotate-right"></i>&#xf01e;content: "\f01e";
<i class="fa fa-rouble"></i>&#xf158;content: "\f158";
<i class="fa fa-rss"></i>&#xf09e;content: "\f09e";
<i class="fa fa-rss-square"></i>&#xf143;content: "\f143";
<i class="fa fa-rub"></i>&#xf158;content: "\f158";
<i class="fa fa-ruble"></i>&#xf158;content: "\f158";
<i class="fa fa-rupee"></i>&#xf156;content: "\f156";
<i class="fa fa-safari"></i>&#xf267;content: "\f267";
<i class="fa fa-save"></i>&#xf0c7;content: "\f0c7";
<i class="fa fa-scissors"></i>&#xf0c4;content: "\f0c4";
<i class="fa fa-scribd"></i>&#xf28a;content: "\f28a";
<i class="fa fa-search"></i>&#xf002;content: "\f002";
<i class="fa fa-search-minus"></i>&#xf010;content: "\f010";
<i class="fa fa-search-plus"></i>&#xf00e;content: "\f00e";
<i class="fa fa-sellsy"></i>&#xf213;content: "\f213";
<i class="fa fa-send"></i>&#xf1d8;content: "\f1d8";
<i class="fa fa-send-o"></i>&#xf1d9;content: "\f1d9";
<i class="fa fa-server"></i>&#xf233;content: "\f233";
<i class="fa fa-share"></i>&#xf064;content: "\f064";
<i class="fa fa-share-alt"></i>&#xf1e0;content: "\f1e0";
<i class="fa fa-share-alt-square"></i>&#xf1e1;content: "\f1e1";
<i class="fa fa-share-square"></i>&#xf14d;content: "\f14d";
<i class="fa fa-share-square-o"></i>&#xf045;content: "\f045";
<i class="fa fa-shekel"></i>&#xf20b;content: "\f20b";
<i class="fa fa-sheqel"></i>&#xf20b;content: "\f20b";
<i class="fa fa-shield"></i>&#xf132;content: "\f132";
<i class="fa fa-ship"></i>&#xf21a;content: "\f21a";
<i class="fa fa-shirtsinbulk"></i>&#xf214;content: "\f214";
<i class="fa fa-shopping-bag"></i>&#xf290;content: "\f290";
<i class="fa fa-shopping-basket"></i>&#xf291;content: "\f291";
<i class="fa fa-shopping-cart"></i>&#xf07a;content: "\f07a";
<i class="fa fa-sign-in"></i>&#xf090;content: "\f090";
<i class="fa fa-sign-out"></i>&#xf08b;content: "\f08b";
<i class="fa fa-signal"></i>&#xf012;content: "\f012";
<i class="fa fa-simplybuilt"></i>&#xf215;content: "\f215";
<i class="fa fa-sitemap"></i>&#xf0e8;content: "\f0e8";
<i class="fa fa-skyatlas"></i>&#xf216;content: "\f216";
<i class="fa fa-skype"></i>&#xf17e;content: "\f17e";
<i class="fa fa-slack"></i>&#xf198;content: "\f198";
<i class="fa fa-sliders"></i>&#xf1de;content: "\f1de";
<i class="fa fa-slideshare"></i>&#xf1e7;content: "\f1e7";
<i class="fa fa-smile-o"></i>&#xf118;content: "\f118";
<i class="fa fa-soccer-ball-o"></i>&#xf1e3;content: "\f1e3";
<i class="fa fa-sort"></i>&#xf0dc;content: "\f0dc";
<i class="fa fa-sort-alpha-asc"></i>&#xf15d;content: "\f15d";
<i class="fa fa-sort-alpha-desc"></i>&#xf15e;content: "\f15e";
<i class="fa fa-sort-amount-asc"></i>&#xf160;content: "\f160";
<i class="fa fa-sort-amount-desc"></i>&#xf161;content: "\f161";
<i class="fa fa-sort-asc"></i>&#xf0de;content: "\f0de";
<i class="fa fa-sort-desc"></i>&#xf0dd;content: "\f0dd";
<i class="fa fa-sort-down"></i>&#xf0dd;content: "\f0dd";
<i class="fa fa-sort-numeric-asc"></i>&#xf162;content: "\f162";
<i class="fa fa-sort-numeric-desc"></i>&#xf163;content: "\f163";
<i class="fa fa-sort-up"></i>&#xf0de;content: "\f0de";
<i class="fa fa-soundcloud"></i>&#xf1be;content: "\f1be";
<i class="fa fa-space-shuttle"></i>&#xf197;content: "\f197";
<i class="fa fa-spinner"></i>&#xf110;content: "\f110";
<i class="fa fa-spoon"></i>&#xf1b1;content: "\f1b1";
<i class="fa fa-spotify"></i>&#xf1bc;content: "\f1bc";
<i class="fa fa-square"></i>&#xf0c8;content: "\f0c8";
<i class="fa fa-square-o"></i>&#xf096;content: "\f096";
<i class="fa fa-stack-exchange"></i>&#xf18d;content: "\f18d";
<i class="fa fa-stack-overflow"></i>&#xf16c;content: "\f16c";
<i class="fa fa-star"></i>&#xf005;content: "\f005";
<i class="fa fa-star-half"></i>&#xf089;content: "\f089";
<i class="fa fa-star-half-empty"></i>&#xf123;content: "\f123";
<i class="fa fa-star-half-full"></i>&#xf123;content: "\f123";
<i class="fa fa-star-half-o"></i>&#xf123;content: "\f123";
<i class="fa fa-star-o"></i>&#xf006;content: "\f006";
<i class="fa fa-steam"></i>&#xf1b6;content: "\f1b6";
<i class="fa fa-steam-square"></i>&#xf1b7;content: "\f1b7";
<i class="fa fa-step-backward"></i>&#xf048;content: "\f048";
<i class="fa fa-step-forward"></i>&#xf051;content: "\f051";
<i class="fa fa-stethoscope"></i>&#xf0f1;content: "\f0f1";
<i class="fa fa-sticky-note"></i>&#xf249;content: "\f249";
<i class="fa fa-sticky-note-o"></i>&#xf24a;content: "\f24a";
<i class="fa fa-stop"></i>&#xf04d;content: "\f04d";
<i class="fa fa-stop-circle"></i>&#xf28d;content: "\f28d";
<i class="fa fa-stop-circle-o"></i>&#xf28e;content: "\f28e";
<i class="fa fa-street-view"></i>&#xf21d;content: "\f21d";
<i class="fa fa-strikethrough"></i>&#xf0cc;content: "\f0cc";
<i class="fa fa-stumbleupon"></i>&#xf1a4;content: "\f1a4";
<i class="fa fa-stumbleupon-circle"></i>&#xf1a3;content: "\f1a3";
<i class="fa fa-subscript"></i>&#xf12c;content: "\f12c";
<i class="fa fa-subway"></i>&#xf239;content: "\f239";
<i class="fa fa-suitcase"></i>&#xf0f2;content: "\f0f2";
<i class="fa fa-sun-o"></i>&#xf185;content: "\f185";
<i class="fa fa-superscript"></i>&#xf12b;content: "\f12b";
<i class="fa fa-support"></i>&#xf1cd;content: "\f1cd";
<i class="fa fa-table"></i>&#xf0ce;content: "\f0ce";
<i class="fa fa-tablet"></i>&#xf10a;content: "\f10a";
<i class="fa fa-tachometer"></i>&#xf0e4;content: "\f0e4";
<i class="fa fa-tag"></i>&#xf02b;content: "\f02b";
<i class="fa fa-tags"></i>&#xf02c;content: "\f02c";
<i class="fa fa-tasks"></i>&#xf0ae;content: "\f0ae";
<i class="fa fa-taxi"></i>&#xf1ba;content: "\f1ba";
<i class="fa fa-television"></i>&#xf26c;content: "\f26c";
<i class="fa fa-tencent-weibo"></i>&#xf1d5;content: "\f1d5";
<i class="fa fa-terminal"></i>&#xf120;content: "\f120";
<i class="fa fa-text-height"></i>&#xf034;content: "\f034";
<i class="fa fa-text-width"></i>&#xf035;content: "\f035";
<i class="fa fa-th"></i>&#xf00a;content: "\f00a";
<i class="fa fa-th-large"></i>&#xf009;content: "\f009";
<i class="fa fa-th-list"></i>&#xf00b;content: "\f00b";
<i class="fa fa-thumb-tack"></i>&#xf08d;content: "\f08d";
<i class="fa fa-thumbs-down"></i>&#xf165;content: "\f165";
<i class="fa fa-thumbs-o-down"></i>&#xf088;content: "\f088";
<i class="fa fa-thumbs-o-up"></i>&#xf087;content: "\f087";
<i class="fa fa-thumbs-up"></i>&#xf164;content: "\f164";
<i class="fa fa-ticket"></i>&#xf145;content: "\f145";
<i class="fa fa-times"></i>&#xf00d;content: "\f00d";
<i class="fa fa-times-circle"></i>&#xf057;content: "\f057";
<i class="fa fa-times-circle-o"></i>&#xf05c;content: "\f05c";
<i class="fa fa-tint"></i>&#xf043;content: "\f043";
<i class="fa fa-toggle-down"></i>&#xf150;content: "\f150";
<i class="fa fa-toggle-left"></i>&#xf191;content: "\f191";
<i class="fa fa-toggle-off"></i>&#xf204;content: "\f204";
<i class="fa fa-toggle-on"></i>&#xf205;content: "\f205";
<i class="fa fa-toggle-right"></i>&#xf152;content: "\f152";
<i class="fa fa-toggle-up"></i>&#xf151;content: "\f151";
<i class="fa fa-trademark"></i>&#xf25c;content: "\f25c";
<i class="fa fa-train"></i>&#xf238;content: "\f238";
<i class="fa fa-transgender"></i>&#xf224;content: "\f224";
<i class="fa fa-transgender-alt"></i>&#xf225;content: "\f225";
<i class="fa fa-trash"></i>&#xf1f8;content: "\f1f8";
<i class="fa fa-trash-o"></i>&#xf014;content: "\f014";
<i class="fa fa-tree"></i>&#xf1bb;content: "\f1bb";
<i class="fa fa-trello"></i>&#xf181;content: "\f181";
<i class="fa fa-tripadvisor"></i>&#xf262;content: "\f262";
<i class="fa fa-trophy"></i>&#xf091;content: "\f091";
<i class="fa fa-truck"></i>&#xf0d1;content: "\f0d1";
<i class="fa fa-try"></i>&#xf195;content: "\f195";
<i class="fa fa-tty"></i>&#xf1e4;content: "\f1e4";
<i class="fa fa-tumblr"></i>&#xf173;content: "\f173";
<i class="fa fa-tumblr-square"></i>&#xf174;content: "\f174";
<i class="fa fa-turkish-lira"></i>&#xf195;content: "\f195";
<i class="fa fa-tv"></i>&#xf26c;content: "\f26c";
<i class="fa fa-twitch"></i>&#xf1e8;content: "\f1e8";
<i class="fa fa-twitter"></i>&#xf099;content: "\f099";
<i class="fa fa-twitter-square"></i>&#xf081;content: "\f081";
<i class="fa fa-umbrella"></i>&#xf0e9;content: "\f0e9";
<i class="fa fa-underline"></i>&#xf0cd;content: "\f0cd";
<i class="fa fa-undo"></i>&#xf0e2;content: "\f0e2";
<i class="fa fa-university"></i>&#xf19c;content: "\f19c";
<i class="fa fa-unlink"></i>&#xf127;content: "\f127";
<i class="fa fa-unlock"></i>&#xf09c;content: "\f09c";
<i class="fa fa-unlock-alt"></i>&#xf13e;content: "\f13e";
<i class="fa fa-unsorted"></i>&#xf0dc;content: "\f0dc";
<i class="fa fa-upload"></i>&#xf093;content: "\f093";
<i class="fa fa-usb"></i>&#xf287;content: "\f287";
<i class="fa fa-usd"></i>&#xf155;content: "\f155";
<i class="fa fa-user"></i>&#xf007;content: "\f007";
<i class="fa fa-user-md"></i>&#xf0f0;content: "\f0f0";
<i class="fa fa-user-plus"></i>&#xf234;content: "\f234";
<i class="fa fa-user-secret"></i>&#xf21b;content: "\f21b";
<i class="fa fa-user-times"></i>&#xf235;content: "\f235";
<i class="fa fa-users"></i>&#xf0c0;content: "\f0c0";
<i class="fa fa-venus"></i>&#xf221;content: "\f221";
<i class="fa fa-venus-double"></i>&#xf226;content: "\f226";
<i class="fa fa-venus-mars"></i>&#xf228;content: "\f228";
<i class="fa fa-viacoin"></i>&#xf237;content: "\f237";
<i class="fa fa-video-camera"></i>&#xf03d;content: "\f03d";
<i class="fa fa-vimeo"></i>&#xf27d;content: "\f27d";
<i class="fa fa-vimeo-square"></i>&#xf194;content: "\f194";
<i class="fa fa-vine"></i>&#xf1ca;content: "\f1ca";
<i class="fa fa-vk"></i>&#xf189;content: "\f189";
<i class="fa fa-volume-down"></i>&#xf027;content: "\f027";
<i class="fa fa-volume-off"></i>&#xf026;content: "\f026";
<i class="fa fa-volume-up"></i>&#xf028;content: "\f028";
<i class="fa fa-warning"></i>&#xf071;content: "\f071";
<i class="fa fa-wechat"></i>&#xf1d7;content: "\f1d7";
<i class="fa fa-weibo"></i>&#xf18a;content: "\f18a";
<i class="fa fa-weixin"></i>&#xf1d7;content: "\f1d7";
<i class="fa fa-whatsapp"></i>&#xf232;content: "\f232";
<i class="fa fa-wheelchair"></i>&#xf193;content: "\f193";
<i class="fa fa-wifi"></i>&#xf1eb;content: "\f1eb";
<i class="fa fa-wikipedia-w"></i>&#xf266;content: "\f266";
<i class="fa fa-windows"></i>&#xf17a;content: "\f17a";
<i class="fa fa-won"></i>&#xf159;content: "\f159";
<i class="fa fa-wordpress"></i>&#xf19a;content: "\f19a";
<i class="fa fa-wrench"></i>&#xf0ad;content: "\f0ad";
<i class="fa fa-xing"></i>&#xf168;content: "\f168";
<i class="fa fa-xing-square"></i>&#xf169;content: "\f169";
<i class="fa fa-y-combinator"></i>&#xf23b;content: "\f23b";
<i class="fa fa-y-combinator-square"></i>&#xf1d4;content: "\f1d4";
<i class="fa fa-yahoo"></i>&#xf19e;content: "\f19e";
<i class="fa fa-yc"></i>&#xf23b;content: "\f23b";
<i class="fa fa-yc-square"></i>&#xf1d4;content: "\f1d4";
<i class="fa fa-yelp"></i>&#xf1e9;content: "\f1e9";
<i class="fa fa-yen"></i>&#xf157;content: "\f157";
<i class="fa fa-youtube"></i>&#xf167;content: "\f167";
<i class="fa fa-youtube-play"></i>&#xf16a;content: "\f16a";
<i class="fa fa-youtube-square"></i>&#xf166;content: "\f166";



更多字型相關文章:
0 0
如這篇文章對你有幫助,歡迎「分享」到 FB、「追蹤」粉絲團、「訂閱」最新文章

1 則留言:

  1. 請問如何把圖示加到blogger側欄標題裡面呢?
    :
    b:widget id='HTML3' locked='false' title='test' type='HTML' visible='true'

    回覆刪除

張貼留言注意事項:

◎ 勾選「通知我」可收到後續回覆的mail!
◎ 請在相關文章留言,與文章無關的主題可至「Blogger 社團」提問。
◎ 請避免使用 Safari 瀏覽器,否則無法登入 Google 帳號留言(只能匿名留言)!
◎ 提問若無法提供足夠的資訊供判斷,可能會被無視。建議先參考這篇「Blogger 提問技巧及注意事項」。
◎ CSS 相關問題非免費諮詢,建議使用「Chrome 開發人員工具」尋找答案。
◎ 手機版相關問題請參考「Blogger 行動版範本的特質」→「三、行動版範本不一定能執行網頁版工具」;或參考「Blogger 行動版範本修改技巧 」,或本站 Blogger 行動版標籤相關文章。
◎ 非官方範本問題、或貴站為商業網站,請參考「Blogger 免費諮詢 + 付費諮詢
◎ 若是使用官方 RWD 範本,請參考「Blogger 推出全新自適應 RWD 官方範本及佈景主題」→ 不建議對範本進行修改!
◎ 若留言要輸入語法,"<"、">"這兩個符號請用其他符號代替,否則語法會消失!
◎ 為了過濾垃圾留言,所有留言不會即時發佈,請稍待片刻。
◎ 本站「已關閉自刪留言功能」。

TOP